CSS Gradient Generator

Create beautiful gradients and copy the CSS code. Linear and radial with live preview.

Color 1

Color 2

Angle: 135°

background: linear-gradient(135deg, #0D9488, #6366F1);

Presets

Purple Haze

Pink Flame

Ocean Blue

Fresh Mint

Sunset

Lavender

Peach

Teal Indigo

About This Tool

Create beautiful CSS gradients for your website or app. Choose colors, set the angle, preview in real-time, and copy the CSS code with one click. Includes popular gradient presets to get you started.