Gradient Maker

Create beautiful CSS gradients with full control over stops, type, and direction. Copy the CSS with one click.

0%
50%
100%

Gradient Type

Angle
deg

Color Stops

%
%
%

CSS Code

background: linear-gradient(135deg, #8B5CF6 0%, #EC4899 50%, #F59E0B 100%);

Preview Shapes

Current Palette

Click "Use Palette Colors" to apply these as gradient stops.

Related Tools

Generate palettes →Pick colors →Tailwind CSS colors →Convert formats →Brand palettes →