Gradient interpolation

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

• <color-interpolation-method>
• <hue-interpolation-method>

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

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature