Prism Burst Gradient
Eight vivid mesh blobs radiating across a clean white canvas.
Open in the gradient generator →
Color Stops
#FF3B3B
#3B82FF
#FFD23B
#3BFFA8
#FF7A3B
#3BFFEA
#C13BFF
#FF3B9E
Background · #FFFFFF
Prism Burst CSS Code
HEX Copy
background: #FFFFFF; background: radial-gradient(at 86% 50%, #FF3B3B, transparent 70%), radial-gradient(at 75% 75%, #3B82FF, transparent 70%), radial-gradient(at 50% 86%, #FFD23B, transparent 70%), radial-gradient(at 25% 75%, #3BFFA8, transparent 70%), radial-gradient(at 14% 50%, #FF7A3B, transparent 70%), radial-gradient(at 25% 25%, #3BFFEA, transparent 70%), radial-gradient(at 50% 14%, #C13BFF, transparent 70%), radial-gradient(at 75% 25%, #FF3B9E, transparent 70%), #FFFFFF;
RGBA Copy
background: rgba(255, 255, 255, 1.0); background: radial-gradient(at 86% 50%, rgba(255, 59, 59, 1.0), transparent 70%), radial-gradient(at 75% 75%, rgba(59, 130, 255, 1.0), transparent 70%), radial-gradient(at 50% 86%, rgba(255, 210, 59, 1.0), transparent 70%), radial-gradient(at 25% 75%, rgba(59, 255, 168, 1.0), transparent 70%), radial-gradient(at 14% 50%, rgba(255, 122, 59, 1.0), transparent 70%), radial-gradient(at 25% 25%, rgba(59, 255, 234, 1.0), transparent 70%), radial-gradient(at 50% 14%, rgba(193, 59, 255, 1.0), transparent 70%), radial-gradient(at 75% 25%, rgba(255, 59, 158, 1.0), transparent 70%), rgba(255, 255, 255, 1.0);
HSLA Copy
background: hsla(0, 0%, 100%, 1.0); background: radial-gradient(at 86% 50%, hsla(0, 100%, 62%, 1.0), transparent 70%), radial-gradient(at 75% 75%, hsla(218, 100%, 62%, 1.0), transparent 70%), radial-gradient(at 50% 86%, hsla(46, 100%, 62%, 1.0), transparent 70%), radial-gradient(at 25% 75%, hsla(153, 100%, 62%, 1.0), transparent 70%), radial-gradient(at 14% 50%, hsla(19, 100%, 62%, 1.0), transparent 70%), radial-gradient(at 25% 25%, hsla(174, 100%, 62%, 1.0), transparent 70%), radial-gradient(at 50% 14%, hsla(281, 100%, 62%, 1.0), transparent 70%), radial-gradient(at 75% 25%, hsla(330, 100%, 62%, 1.0), transparent 70%), hsla(0, 0%, 100%, 1.0);
More Gradient Presets
FAQ
What is the Prism Burst gradient?Eight vivid mesh blobs radiating across a clean white canvas.
What's the CSS code for the Prism Burst gradient?
Use
background: radial-gradient(at 86% 50%, #FF3B3B, transparent 70%), radial-gradient(at 75% 75%, #3B82FF, transparent 70%), radial-gradient(at 50% 86%, #FFD23B, transparent 70%), radial-gradient(at 25% 75%, #3BFFA8, transparent 70%), radial-gradient(at 14% 50%, #FF7A3B, transparent 70%), radial-gradient(at 25% 25%, #3BFFEA, transparent 70%), radial-gradient(at 50% 14%, #C13BFF, transparent 70%), radial-gradient(at 75% 25%, #FF3B9E, transparent 70%), #FFFFFF;. RGBA and HSLA versions are also available on this page.