🎨 Color Tools

CSS Gradient Generator

Create beautiful CSS gradients with multiple color stops. Supports linear, radial, and conic gradients.

background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%);

Gradient Type

Color Stops

0%
100%

Preset Gradients

CSS Output

background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%);
background: #3B82F6;
background: linear-gradient(90deg, #3B82F6 0%, #8B5CF6 100%);