Mesh Gradient Generator

Preview

Color Points

Point 1#fde68a

X Position: 20%

Y Position: 20%

Size: 70%

Point 2#fca5a5

X Position: 80%

Y Position: 20%

Size: 70%

Point 3#fde68a

X Position: 20%

Y Position: 80%

Size: 70%

Point 4#fde68a

X Position: 80%

Y Position: 80%

Size: 70%

CSS Output

background:
    radial-gradient(at 20% 20%, #fde68a 0%, transparent 70%),
    radial-gradient(at 80% 20%, #fca5a5 0%, transparent 70%),
    radial-gradient(at 20% 80%, #fde68a 0%, transparent 70%),
    radial-gradient(at 80% 80%, #fde68a 0%, transparent 70%);