CSS Gradient Generator

Build beautiful linear and radial CSS gradients visually.

Gradient Logic

Define chroma flow & direction

#6366f1
#a855f7
Flow Angle
135°

Mixing Verified

Standard CSS3 Compliant

Background CSS Result
.gradient-box {
  background: linear-gradient(135deg, #6366f1, #a855f7);
}