Synthwave Sunset Gradient
Retro four-stop purple-to-pink dusk.
Open in the gradient generator → Color Stops
#2E0854
#7303C0
#EC38BC
#FDEFF9
Synthwave Sunset CSS Code
HEX Copy
background: #2E0854; background: linear-gradient(45deg, #2E0854 0%, #7303C0 35%, #EC38BC 70%, #FDEFF9 100%);
RGBA Copy
background: rgba(46, 8, 84, 1.0); background: linear-gradient(45deg, rgba(46, 8, 84, 1.0) 0%, rgba(115, 3, 192, 1.0) 35%, rgba(236, 56, 188, 1.0) 70%, rgba(253, 239, 249, 1.0) 100%);
HSLA Copy
background: hsla(270, 83%, 18%, 1.0); background: linear-gradient(45deg, hsla(270, 83%, 18%, 1.0) 0%, hsla(276, 97%, 38%, 1.0) 35%, hsla(316, 83%, 57%, 1.0) 70%, hsla(317, 78%, 96%, 1.0) 100%);