Gradient palette generator
Pick a start and an end color and get evenly spaced steps between them — perfect for data-visualization scales, UI states and tonal ranges. Perceptual OKLab blending makes every step look equally different.
7 steps from #1B264F to #F4E9CD.
How to use the gradient palette
- Choose the start and end colors.
- Set the number of steps (3–20).
- Pick a blend mode: OKLab for perceptually even steps, RGB or HSL for classic blends.
- Copy the HEX codes or open the scale in the generator.
Which blend mode should I use?
OKLab gives steps that look evenly spaced and avoids gray, muddy midpoints. RGB matches what most older tools produce. HSL travels around the color wheel, which can create rainbow-like transitions between distant hues.
Frequently asked questions
How do I find the colors between two colors?
Enter both colors above and choose how many steps you want; every intermediate color is listed with its HEX code.
What is a gradient palette used for?
Sequential scales for charts and maps, hover and pressed states, tonal backgrounds and smooth illustrations.