Gradient Studio

Build a mesh or linear gradient, shuffle until it sings, then copy it as CSS or as a React component.

Colors

#5b2cff

#00d4ff

#ff2e93

#ffb300

Presets

background-image

radial-gradient(at 15% 20%, #5b2cff 0px, transparent 55%), radial-gradient(at 85% 15%, #00d4ff 0px, transparent 55%), radial-gradient(at 25% 80%, #ff2e93 0px, transparent 55%), radial-gradient(at 75% 70%, #ffb300 0px, transparent 55%)