Color Scale Generator
Generate evenly spaced color steps between two colors.
Blend between two colors in steps
A smooth series of colors between two anchors is the basis of chart ramps, gradients, and heatmaps. This generator interpolates each channel to produce evenly spaced steps and gives you the hex list to copy.
Pick a start and end color and a step count, and it returns that many colors marching from one to the other, with a live strip preview. The endpoints are exactly your chosen colors.
Handy and private
It interpolates the RGB channels in your browser, so the scale is generated instantly with nothing uploaded.
Frequently Asked Questions
How are the steps calculated?
Each RGB channel is interpolated linearly from the start color to the end color across the number of steps you choose.
What is this useful for?
Building chart color ramps, gradient stops, heatmap scales, and tint or shade series between two anchor colors.
Does it include the endpoints?
Yes — the first and last steps are exactly your two chosen colors, with the rest evenly spaced between.
Browse the full set of free, private, in-browser tools.