HomeDeveloper toolsGradient Palette Builder

Gradient Palette Builder

Generate evenly spaced opaque sRGB colors between two endpoints.

Processing stays in your browser. Mixes sRGB channel values; this is not perceptual interpolation. Transparent and out-of-gamut endpoints are rejected.

How to use the gradient palette builder

Generate evenly spaced opaque sRGB colors between two endpoints. Complete the first css color, last css color, colors (2–30) fields above. Choose Run tool, review the output, then copy or download the result.

Example

Black to white with three stops yields #000000, #808080, #ffffff.

Good to know

Mixes sRGB channel values; this is not perceptual interpolation. Transparent and out-of-gamut endpoints are rejected.