Web features explorer

Gradient interpolation

Newly Available (since 2024-06-11)
Expected to be Widely Available on 2026-12-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.

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

MDN documentation

Specifications

Usage (according to Chrome Platform Status)

~2.122% of page loads. More data at chromestatus.com.

Web Platform Tests (WPT)

View the latest WPT test results for this feature

Interop

Surveys

View as JSON | Edit this feature | Report an issue | Web-features entry: source, dist