Gradient Studio

Presets

Colors

Color Mode

Gradient Type

Complex multi-point gradient

Angle

45°

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

Precision

120

Medium precision: Good balance of color stops

Export

Tailwind CSS

style="background-image: radial-gradient(circle at 0% 0%, #51f316, #d905f5), radial-gradient(circle at 100% 100%, #d905f5, #51f316)"

CSS

.gradient {
  background-image: radial-gradient(circle at 0% 0%, hsl(104deg 90% 52%) 0%, hsl(103deg 71% 52%) 10%, hsl(101deg 52% 51%) 20%, hsl(96deg 33% 51%) 30%, hsl(81deg 15% 51%) 40%, hsl(336deg 11% 54%) 50%, hsl(307deg 26% 52%) 60%, hsl(299deg 40% 50%) 70%, hsl(296deg 58% 50%) 80%, hsl(294deg 77% 49%) 90%, hsl(293deg 96% 49%) 100%), radial-gradient(circle at 100% 100%, hsl(293deg 96% 49%) 0%, hsl(294deg 77% 49%) 10%, hsl(296deg 58% 50%) 20%, hsl(299deg 40% 50%) 30%, hsl(307deg 26% 52%) 40%, hsl(336deg 11% 54%) 50%, hsl(81deg 15% 51%) 60%, hsl(96deg 33% 51%) 70%, hsl(101deg 52% 51%) 80%, hsl(103deg 71% 52%) 90%, hsl(104deg 90% 52%) 100%);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}