Web platform features explorer

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.

Status

Baseline Newly Available (since 2024-06-11)

This feature is expected to reach Baseline Widely Available status on: 2026-12-11

MDN documentation

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

Usage (according to Chrome Platform Status)

~1.310% of page loads. More data at chromestatus.

Interop

Web Platform Tests (WPT)

View the latest WPT test results for this feature

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