Design Tool

Mesh Gradient Generator

Create beautiful layered gradients. Export as CSS or download as PNG.

Presets

Base Color

#FDF4FF

Color Stops

#FBC2EB

X Position10%

Y Position20%

Size65%

CSS

background-color: #fdf4ff;
background-image:
    radial-gradient(at 10% 20%, #fbc2eb 0px, transparent 65%),
    radial-gradient(at 85% 15%, #a18cd1 0px, transparent 60%),
    radial-gradient(at 50% 80%, #ffecd2 0px, transparent 70%),
    radial-gradient(at 20% 70%, #c2e9fb 0px, transparent 55%),
    radial-gradient(at 80% 60%, #a1c4fd 0px, transparent 60%);