Galaxy Swirl Gradient
Conic sweep of deep navy into vivid magenta-red.
Open in the gradient generator → Color Stops
#1B1B2F
#162447
#1F4068
#E43F5A
#1B1B2F
Galaxy Swirl CSS Code
HEX Copy
background: #1B1B2F; background: conic-gradient(from 90deg, #1B1B2F 0%, #162447 25%, #1F4068 50%, #E43F5A 75%, #1B1B2F 100%);
RGBA Copy
background: rgba(27, 27, 47, 1.0); background: conic-gradient(from 90deg, rgba(27, 27, 47, 1.0) 0%, rgba(22, 36, 71, 1.0) 25%, rgba(31, 64, 104, 1.0) 50%, rgba(228, 63, 90, 1.0) 75%, rgba(27, 27, 47, 1.0) 100%);
HSLA Copy
background: hsla(240, 27%, 15%, 1.0); background: conic-gradient(from 90deg, hsla(240, 27%, 15%, 1.0) 0%, hsla(223, 53%, 18%, 1.0) 25%, hsla(213, 54%, 26%, 1.0) 50%, hsla(350, 75%, 57%, 1.0) 75%, hsla(240, 27%, 15%, 1.0) 100%);