CSS Gradient Generator

Create beautiful CSS gradients for your website designs. Easy to use with live preview.

Gradient Settings

Gradient Type

Linear

Radial

Direction

Colors

background: linear-gradient(to bottom, #3B82F6 0%, #10B981 100%);