Gradient interpolation
Newly available since 2024-06-11
Gradient interpolation controls how the colors between gradient stops are calculated in CSS. For example, linear-gradient(to right in oklch longer hue, red, red);
calculates in the oklch
color space, with the hue going all the way around the hue circle from red back to red.
Specifications
Browser support
- Chrome 111 Released on 2023-03-07
- Chrome Android 111 Released on 2023-03-07
- Edge 111 Released on 2023-03-13
- Firefox 127 Released on 2024-06-11
- Firefox for Android 127 Released on 2024-06-11
- Safari 16.2 Released on 2022-12-13
- Safari on iOS 16.2 Released on 2022-12-13
Developer signals
- State of CSS 2025: features/all_features question
- State of CSS 2024: features/all_features question
Usage (according to Chrome Platform Status)
~0.978% of page loads. More data at chromestatus.
Interop
- Included in Interop 2023
Web Platform Tests (WPT)
View the latest WPT test results for this featureView as JSON | Edit this feature | Report an issue | Web-features entry: source, dist