Micro Tools/Gradient Mixer

Gradient Mixer

Build linear, radial, or conic CSS gradients. Copy as CSS or Tailwind.

Repeating
Direction135°
#6366F1100%0%
#F43F5E100%50%
#F97316100%100%
Color
Opacity100%
Position0%
background: linear-gradient(135deg, #6366f1 0%, #f43f5e 50%, #f97316 100%);
linearno-repeat135°3 stops

Double-click the track on left to add a stop