Blend two colors into a scale
Pick a start and end color, choose how many steps you want, and the tool fills in evenly-spaced colors between them — perfect for data visualizations, gradients and design tokens.
Interpolation space matters
Interpolating in OKLCH keeps steps perceptually even and avoids the washed-out midpoints of a naive sRGB blend. HSL rotates through hue for rainbow-like ramps. The tool defaults to OKLCH.
How to use it
- Set the from and to colors (color picker or any HEX / RGB / HSL / OKLCH value).
- Drag the steps slider (2–20).
- Choose an interpolation space.
- Click a swatch to copy one color, or Copy to grab the whole list.


