Mesh Gradient Maker

Drag blobs to reposition · click dot to recolor

Drag to move · Click dot to change color

Presets

Mesh Style

Filters

Blur60px

Contrast100%

Grain0

Color Points

#FF6B6B

20%, 20%

#4ECDC4

80%, 20%

#45B7D1

20%, 80%

#FFA07A

80%, 80%

CSS Output

background:
    radial-gradient(at 20% 20%, #FF6B6B 0px, transparent 50%),
    radial-gradient(at 80% 20%, #4ECDC4 0px, transparent 50%),
    radial-gradient(at 20% 80%, #45B7D1 0px, transparent 50%),
    radial-gradient(at 80% 80%, #FFA07A 0px, transparent 50%);
filter: blur(60px) contrast(100%);