Mesh Gradient Generator

Create fluid, organic multi-color gradients. Pick your colors, randomize their positions, and copy the CSS background code instantly.

Color Palette

#ff0055

#0099ff

#7700ff

#ffaa00

CSS Output

background-color: #ff0055;
background-image: 
  radial-gradient(at 100% 0%, #0099ff 0px, transparent 50%),
  radial-gradient(at 0% 100%, #7700ff 0px, transparent 50%),
  radial-gradient(at 100% 100%, #ffaa00 0px, transparent 50%);