Gradient Lab

Build linear and radial CSS gradients, then copy ready-to-paste CSS or Tailwind.

Gradient type

Angle90°

Color stops

#ed43170%

#6366f1100%

Preview

CSS

background-image: linear-gradient(90deg, #ed4317 0%, #6366f1 100%);

Tailwind

bg-[linear-gradient(90deg,_#ed4317_0%,_#6366f1_100%)]