Blend two colors with smooth interpolation. Generate intermediate steps for gradients, transitions, or palette extensions.
How to use
- Pick two colors.
- Choose number of intermediate steps (3–20).
- Click any step to copy its HEX.
- Use in gradients or as palette extension.
Use cases
- Smooth gradient stops
- Heat maps and data visualizations
- Brand color transitions
- UI hover state intermediate values
FAQ
What interpolation is used?
Linear interpolation in RGB space. Simple and predictable, though perceptually non-uniform.
Will the result look smooth?
Most pairs produce smooth blends. Very different hues may show a muddy midpoint (RGB limitation).
Click to copy?
Yes, click any swatch to copy HEX to clipboard.
Free for commercial use?
Yes, no restrictions.