Tropical Wheel Gradient
Conic sweep of deep teal, bright yellow, and coral.
Open in the gradient generator →
Color Stops
#004D40
#00BFA5
#FFEB3B
#FF6E40
#004D40
Tropical Wheel CSS Code
HEX Copy
background: #004D40; background: conic-gradient(from 315deg, #004D40 0%, #00BFA5 25%, #FFEB3B 50%, #FF6E40 75%, #004D40 100%);
RGBA Copy
background: rgba(0, 77, 64, 1.0); background: conic-gradient(from 315deg, rgba(0, 77, 64, 1.0) 0%, rgba(0, 191, 165, 1.0) 25%, rgba(255, 235, 59, 1.0) 50%, rgba(255, 110, 64, 1.0) 75%, rgba(0, 77, 64, 1.0) 100%);
HSLA Copy
background: hsla(170, 100%, 15%, 1.0); background: conic-gradient(from 315deg, hsla(170, 100%, 15%, 1.0) 0%, hsla(172, 100%, 37%, 1.0) 25%, hsla(54, 100%, 62%, 1.0) 50%, hsla(14, 100%, 63%, 1.0) 75%, hsla(170, 100%, 15%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Tropical Wheel gradient?Conic sweep of deep teal, bright yellow, and coral.
What's the CSS code for the Tropical Wheel gradient?
Use
background: conic-gradient(from 315deg, #004D40 0%, #00BFA5 25%, #FFEB3B 50%, #FF6E40 75%, #004D40 100%);. RGBA and HSLA versions are also available on this page.