Gradient Studio

Presets

Colors

Color Mode

Gradient Type

Standard linear gradient

Angle

°

0°

Drag to rotate • Hold Shift to snap to 15° intervals

Precision

10

120

Medium precision: Good balance of color stops

Export

Tailwind CSS

bg-gradient-to-r from-[#63e37f] to-[#e6ce41] rotate-[0deg]

CSS

.gradient {
  background-image: linear-gradient(0deg, hsl(133deg 70% 64%) 0%, hsl(125deg 65% 66%) 10%, hsl(114deg 63% 66%) 20%, hsl(104deg 62% 65%) 30%, hsl(95deg 62% 63%) 40%, hsl(86deg 61% 61%) 50%, hsl(77deg 60% 60%) 60%, hsl(70deg 60% 58%) 70%, hsl(63deg 60% 56%) 80%, hsl(56deg 66% 56%) 90%, hsl(51deg 77% 58%) 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}