A rectangular color space represents color components as independent coordinates on rectangular axes. CSS can use one explicitly when interpolating gradient colors with the in keyword. section 13.1.2
CSS-supported rectangular spaces include:
- srgb and srgb-linear section 13.1.2
- lab and oklab section 13.1.2
- xyz, xyz-d50, and xyz-d65 section 13.1.2
Choosing a gradient space
Use linear-gradient(90deg in oklch, yellow, blue) to change the interpolation space explicitly. For vivid-to-neutral transitions involving gray, black, white, or transparency, a rectangular space such as srgb may produce a better result. Without a specified space, gradients use sRGB. section 13.1.2
