Galaxy Purple Gradient

Dark violet fading into deep teal, cosmic and moody.
Open in the gradient generator →

Color Stops

#360033
#0B8793

Galaxy Purple CSS Code

HEX Copy
background: #360033;
background: linear-gradient(180deg, #360033 0%, #0B8793 100%);
RGBA Copy
background: rgba(54, 0, 51, 1.0);
background: linear-gradient(180deg, rgba(54, 0, 51, 1.0) 0%, rgba(11, 135, 147, 1.0) 100%);
HSLA Copy
background: hsla(303, 100%, 11%, 1.0);
background: linear-gradient(180deg, hsla(303, 100%, 11%, 1.0) 0%, hsla(185, 86%, 31%, 1.0) 100%);

Similar Gradients

More Gradient Presets

FAQ

What is the Galaxy Purple gradient?

Dark violet fading into deep teal, cosmic and moody.

What's the CSS code for the Galaxy Purple gradient?

Use background: linear-gradient(180deg, #360033 0%, #0B8793 100%);. RGBA and HSLA versions are also available on this page.

Generate a Gradient

Start your own gradient →