Pulsar

Pulsar Tools

Gradients

Soft mesh gradients for a hero or a background. The SVG is the real thing; the CSS is the fallback. Seeded, so a link reproduces it exactly.

The same seed always draws the same thing. Share the link and a colleague sees this exact asset.
5 colour points
Off
Shape
Mesh gradient
gradients
Mesh gradient
background-color: #7a46ff;
background-image:
  radial-gradient(at 20% 77%, #7a46ff 0px, transparent 26%),
  radial-gradient(at 94% -7%, #1d1140 0px, transparent 36%),
  radial-gradient(at 102% 0%, #a27ffe 0px, transparent 38%),
  radial-gradient(at 96% 75%, #0c0a14 0px, transparent 21%),
  radial-gradient(at 37% 67%, #7a46ff 0px, transparent 23%);

1600 × 900, 1.4 KB as SVG.