Aurora Pool Gradient
Mint, cyan, and lavender mesh blobs shimmering from their own bright mint base.
Open in the gradient generator →
Color Stops
#00F5A0
#00D9F5
#A29BFE
#6C5CE7
#81ECEC
Background · #00D9F5
Aurora Pool CSS Code
HEX Copy
background: #00D9F5; background: radial-gradient(at 13% 43%, #00F5A0, transparent 70%), radial-gradient(at 45% 12%, #00D9F5, transparent 70%), radial-gradient(at 84% 33%, #A29BFE, transparent 70%), radial-gradient(at 76% 77%, #6C5CE7, transparent 70%), radial-gradient(at 32% 84%, #81ECEC, transparent 70%), #00D9F5;
RGBA Copy
background: rgba(0, 217, 245, 1.0); background: radial-gradient(at 13% 43%, rgba(0, 245, 160, 1.0), transparent 70%), radial-gradient(at 45% 12%, rgba(0, 217, 245, 1.0), transparent 70%), radial-gradient(at 84% 33%, rgba(162, 155, 254, 1.0), transparent 70%), radial-gradient(at 76% 77%, rgba(108, 92, 231, 1.0), transparent 70%), radial-gradient(at 32% 84%, rgba(129, 236, 236, 1.0), transparent 70%), rgba(0, 217, 245, 1.0);
HSLA Copy
background: hsla(187, 100%, 48%, 1.0); background: radial-gradient(at 13% 43%, hsla(159, 100%, 48%, 1.0), transparent 70%), radial-gradient(at 45% 12%, hsla(187, 100%, 48%, 1.0), transparent 70%), radial-gradient(at 84% 33%, hsla(244, 98%, 80%, 1.0), transparent 70%), radial-gradient(at 76% 77%, hsla(247, 74%, 63%, 1.0), transparent 70%), radial-gradient(at 32% 84%, hsla(180, 74%, 72%, 1.0), transparent 70%), hsla(187, 100%, 48%, 1.0);
More Gradient Presets
FAQ
What is the Aurora Pool gradient?Mint, cyan, and lavender mesh blobs shimmering from their own bright mint base.
What's the CSS code for the Aurora Pool gradient?
Use
background: radial-gradient(at 13% 43%, #00F5A0, transparent 70%), radial-gradient(at 45% 12%, #00D9F5, transparent 70%), radial-gradient(at 84% 33%, #A29BFE, transparent 70%), radial-gradient(at 76% 77%, #6C5CE7, transparent 70%), radial-gradient(at 32% 84%, #81ECEC, transparent 70%), #00D9F5;. RGBA and HSLA versions are also available on this page.