CSS Gradient Generator
Build beautiful linear and radial CSS gradients visually.
Preview
Live gradient. Switch type and colors on the right.
.gradient { background: linear-gradient(135deg, #6366f1, #a855f7); }
Settings
Type, colors & angle
135°
CSS property