Lava Lamp Gradient
Warm molten mesh blobs drifting over a near-black backdrop.
Open in the gradient generator →
Color Stops
#FF512F
#C21500
Background · #0D0D0D
Lava Lamp CSS Code
HEX Copy
background: #0D0D0D; background: radial-gradient(at 20% 39%, #FF512F, transparent 70%), radial-gradient(at 80% 61%, #C21500, transparent 70%), #0D0D0D;
RGBA Copy
background: rgba(13, 13, 13, 1.0); background: radial-gradient(at 20% 39%, rgba(255, 81, 47, 1.0), transparent 70%), radial-gradient(at 80% 61%, rgba(194, 21, 0, 1.0), transparent 70%), rgba(13, 13, 13, 1.0);
HSLA Copy
background: hsla(0, 0%, 5%, 1.0); background: radial-gradient(at 20% 39%, hsla(10, 100%, 59%, 1.0), transparent 70%), radial-gradient(at 80% 61%, hsla(6, 100%, 38%, 1.0), transparent 70%), hsla(0, 0%, 5%, 1.0);
More Gradient Presets
FAQ
What is the Lava Lamp gradient?Warm molten mesh blobs drifting over a near-black backdrop.
What's the CSS code for the Lava Lamp gradient?
Use
background: radial-gradient(at 20% 39%, #FF512F, transparent 70%), radial-gradient(at 80% 61%, #C21500, transparent 70%), #0D0D0D;. RGBA and HSLA versions are also available on this page.