design
Local inputs
CSS Gradient Generator
Builds a CSS linear, radial, or mesh gradient and copies the CSS.
Processed in this tab
Preview
Classic Settings
About Modern Gradients
The "Modern" tab generates Mesh Gradients (also known as Aurora backgrounds). It achieves this by stacking multiple blurred radial gradients on top of a base color, finished with a noise texture.
This "3-Layer" technique (Base + Blurred Orbs + Noise) is the standard for high-end "AI-style" web backgrounds. Our tool generates the exact CSS required to replicate this effect.