Copper Spin Gradient
Conic sweep of dark bronze into warm copper.
Open in the gradient generator →
Color Stops
#3E2723
#8D6E63
#D7A86E
#3E2723
Copper Spin CSS Code
HEX Copy
background: #3E2723; background: conic-gradient(from 315deg, #3E2723 0%, #8D6E63 33%, #D7A86E 67%, #3E2723 100%);
RGBA Copy
background: rgba(62, 39, 35, 1.0); background: conic-gradient(from 315deg, rgba(62, 39, 35, 1.0) 0%, rgba(141, 110, 99, 1.0) 33%, rgba(215, 168, 110, 1.0) 67%, rgba(62, 39, 35, 1.0) 100%);
HSLA Copy
background: hsla(9, 28%, 19%, 1.0); background: conic-gradient(from 315deg, hsla(9, 28%, 19%, 1.0) 0%, hsla(16, 18%, 47%, 1.0) 33%, hsla(33, 57%, 64%, 1.0) 67%, hsla(9, 28%, 19%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Copper Spin gradient?Conic sweep of dark bronze into warm copper.
What's the CSS code for the Copper Spin gradient?
Use
background: conic-gradient(from 315deg, #3E2723 0%, #8D6E63 33%, #D7A86E 67%, #3E2723 100%);. RGBA and HSLA versions are also available on this page.