Gradient color blender

Pick two colors and get the smooth in-between steps. Set how many stops you need, then copy any HEX value or grab the whole list.

Steps7

Runs entirely in your browser. Nothing is uploaded.

How it works

STEP 1

Pick your colors

Choose a start color and an end color using the color pickers or type a HEX value directly.

STEP 2

Set the number of steps

Use the slider to control how many in-between stops you want — from 3 up to 20.

STEP 3

Copy the results

Click any color swatch to copy its HEX value, or use "Copy all" to get every stop as a newline-separated list.