Gradient Palette Generator
Get the in-between colors of two colors, from 3 to 20 steps, with natural perceptual blending.
Resulting palette
Click a color to copy its code.
Everything runs in your browser: no data is sent.
About this tool
This gradient palette generator calculates the in-between colors from a start color to an end color, in 3 to 20 steps. Use it to build a smooth transition for a brand palette, charts, a heat map, buttons or a series of visuals. You get the list of HEX codes directly, ready to copy.
Three blending modes are available: perceptual OKLCH (recommended), perceptual direct OKLab and simple RGB. The perceptual modes avoid the dull or greyish middle colors that plain RGB mixing can produce. Click any color to copy its code, swap start and end, open the result in the palette generator or copy a share link.
- 3 to 20 colors between two shades
- OKLCH, OKLab or RGB blending
- Copy a single color or the whole list
- Open the result in the palette generator
- Share link with colors and step count
How to use it
- Choose the "Start color" and the "End color".
- Set the "Number of colors" with the slider (3 to 20).
- Select the "Blending mode".
- Click "Copy", or click a color to copy its code.
Frequently asked questions
Are my colors sent anywhere?
No. The colors are computed in your browser and no data is sent. They are only stored in the page address for the share link.
Is the gradient palette generator free?
Yes, it is free and works without an account or sign-up.
Which blending mode should I choose?
OKLCH, the recommended mode, interpolates lightness, chroma and hue for natural, vivid transitions. OKLab gives a straight perceptual blend, and RGB reproduces simple channel-by-channel mixing, which can make the middle of the gradient look dull.
Can I edit the resulting palette?
Yes: the "Open in the palette generator" button opens the resulting colors in the generator, where you can lock, edit and export them.