Steel Vortex Gradient
Conic sweep of charcoal into pale steel grey.
Open in the gradient generator →
Color Stops
#1C1C1C
#607D8B
#CFD8DC
#1C1C1C
Steel Vortex CSS Code
HEX Copy
background: #1C1C1C; background: conic-gradient(from 180deg, #1C1C1C 0%, #607D8B 33%, #CFD8DC 67%, #1C1C1C 100%);
RGBA Copy
background: rgba(28, 28, 28, 1.0); background: conic-gradient(from 180deg, rgba(28, 28, 28, 1.0) 0%, rgba(96, 125, 139, 1.0) 33%, rgba(207, 216, 220, 1.0) 67%, rgba(28, 28, 28, 1.0) 100%);
HSLA Copy
background: hsla(0, 0%, 11%, 1.0); background: conic-gradient(from 180deg, hsla(0, 0%, 11%, 1.0) 0%, hsla(200, 18%, 46%, 1.0) 33%, hsla(198, 16%, 84%, 1.0) 67%, hsla(0, 0%, 11%, 1.0) 100%);
More Gradient Presets
FAQ
What is the Steel Vortex gradient?Conic sweep of charcoal into pale steel grey.
What's the CSS code for the Steel Vortex gradient?
Use
background: conic-gradient(from 180deg, #1C1C1C 0%, #607D8B 33%, #CFD8DC 67%, #1C1C1C 100%);. RGBA and HSLA versions are also available on this page.