Color Gradient Generator

Design smooth color gradients with custom steps and interpolation modes. Generate CSS code instantly and export the palette of intermediate colors.

Runs entirely on your device, keeping your data secure.

Start & End Colors

Steps5 colors

Interpolation Mode

Standard linear interpolation. Good for simple transitions.

Direction

CSS Output

background: linear-gradient(to right, #16A34A, #405f91);