Color Gradient Generator
Choose a start and end color, select 3–20 steps, and copy the generated palette or CSS gradient.
Use 3–20 steps. Only six-digit HEX colors are accepted.
Generated locally.
A QUICK WALKTHROUGH
How to use this tool
- Choose valid start and end HEX colors.
- Set 3–20 gradient steps.
- Copy the plain-text palette or CSS declaration.
Deterministic color interpolation
The generator accepts six-digit HEX colors and linearly interpolates red, green, and blue channels. The endpoints are always included.
Plain-text output
The palette and CSS declaration are written to text fields. No generated HTML is inserted and no color data leaves the browser.
GOOD TO KNOW
Common questions
How many colors can I generate?
Choose from 3 to 20 inclusive.
Are the endpoints included?
Yes. The first and last colors are always the values you choose.
Does this create an image?
No. It creates a text palette and a CSS linear-gradient declaration.