OKLCH Gradient Generator
Create smooth CSS gradients in perceptual color space without muddy midpoints.
0%17%33%50%67%83%100%background: linear-gradient(90deg, oklch(0.6231 0.188 259.81) 0%, oklch(0.6286 0.192 275.56) 17%, oklch(0.634 0.1959 291.31) 33%, oklch(0.6395 0.1999 307.06) 50%, oklch(0.645 0.2039 322.81) 67%, oklch(0.6504 0.2078 338.56) 83%, oklch(0.6559 0.2118 354.31) 100%);Why interpolate in OKLCH?
OKLCH interpolation keeps lightness and chroma changes visually predictable. Choose the hue route explicitly when the endpoints cross the zero-degree boundary.