Tools / Interpolate

Gradient Interpolation

A gradient is a straight line through a color space — but “straight” depends on the space. Blue → yellow in sRGB sags into grey; in OKLCH it stays vivid. The white curve on each strip plots perceived lightness (OKLab L) so you can spot the dips.

Lightness curve Hue

Steps

Gradient Editorclick the bar to add a stop · drag a stop down to remove

Stop Location% Presets

Same stops, nine spacesclick a strip to export it

CSS

Modern browsers interpolate natively with in oklch; the sampled fallback works everywhere.