Honeycomb Gradient
Warm amber and gold mesh blobs pooling into their own honeyed base.
Open in the gradient generator →
Color Stops
#FFC107
#FF8F00
#FFE082
#E65100
Background · #E65100
Honeycomb CSS Code
HEX Copy
background: #E65100; background: radial-gradient(at 76% 72%, #FFC107, transparent 70%), radial-gradient(at 28% 76%, #FF8F00, transparent 70%), radial-gradient(at 24% 28%, #FFE082, transparent 70%), radial-gradient(at 72% 24%, #E65100, transparent 70%), #E65100;
RGBA Copy
background: rgba(230, 81, 0, 1.0); background: radial-gradient(at 76% 72%, rgba(255, 193, 7, 1.0), transparent 70%), radial-gradient(at 28% 76%, rgba(255, 143, 0, 1.0), transparent 70%), radial-gradient(at 24% 28%, rgba(255, 224, 130, 1.0), transparent 70%), radial-gradient(at 72% 24%, rgba(230, 81, 0, 1.0), transparent 70%), rgba(230, 81, 0, 1.0);
HSLA Copy
background: hsla(21, 100%, 45%, 1.0); background: radial-gradient(at 76% 72%, hsla(45, 100%, 51%, 1.0), transparent 70%), radial-gradient(at 28% 76%, hsla(34, 100%, 50%, 1.0), transparent 70%), radial-gradient(at 24% 28%, hsla(45, 100%, 75%, 1.0), transparent 70%), radial-gradient(at 72% 24%, hsla(21, 100%, 45%, 1.0), transparent 70%), hsla(21, 100%, 45%, 1.0);
More Gradient Presets
FAQ
What is the Honeycomb gradient?Warm amber and gold mesh blobs pooling into their own honeyed base.
What's the CSS code for the Honeycomb gradient?
Use
background: radial-gradient(at 76% 72%, #FFC107, transparent 70%), radial-gradient(at 28% 76%, #FF8F00, transparent 70%), radial-gradient(at 24% 28%, #FFE082, transparent 70%), radial-gradient(at 72% 24%, #E65100, transparent 70%), #E65100;. RGBA and HSLA versions are also available on this page.