Rainbow Gradient Generator vs CSS Gradient Generator

Run two generators side by side. Each runs independently — generate, tweak inputs, and copy from either column.

Colors

Rainbow Gradient Generator

Generates a smooth rainbow gradient of evenly-spaced hues as hex codes

Number of stops

Colors

Generates random two or three-color CSS gradients ready to paste into your stylesheet

Color Stops

Direction