Gradients·free · no signup

Mesh Gradient

Generate modern multi-point mesh gradients and copy the CSS. Tweak the point count and reshuffle until it sings.

CSS

mesh.css

background-color: #7C5CFF;
background-image:
  radial-gradient(at 79% 7%, #7C5CFF 0px, transparent 55%),
  radial-gradient(at 3% 72%, #F35896 0px, transparent 55%),
  radial-gradient(at 39% 74%, #86D735 0px, transparent 55%),
  radial-gradient(at 40% 7%, #5EE8C4 0px, transparent 55%);