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.
Learning resources on MDN
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
Surveys
- State of CSS 2024: features/all_features question
Usage (according to Chrome Platform Status)
~0.289% of page loads. More data at chromestatus.
Specifications
View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature