Dark Side of the Moon Gradient

Colors used in Dark Side of the Moon gradient

Steel Gray

Charade

East Bay

Export Dark Side of the Moon gradient CSS

.gradient { background-image: linear-gradient(to right, #1d1d2f, #2e2c3a, #4a4e8c); }

TailwindCSS Export

<span class="bg-gradient-to-r from-[#1d1d2f] via-[#2e2c3a] to-[#4a4e8c]"></span>

Download Dark Side of the Moon gradient as high-quality image

Select a resolution and get a high-definition gradient image for wallpapers, designs, or social media.

Dark Side of the Moon Gradient Examples

See how your gradient looks in the real world UI.

Heading

Dark Side of the Moon Gradient Typography

Dashboard

$10,342

UI Elements

Default
Default rounded
Outline
Outline rounded


Loading...

Cards

headshot profile pictureJames GrahamUX Designer
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque quidem sit corporis illum porro veniam enim debitis voluptatum beatae.
headshot profile picture
James GrahamUX Designer
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Cumque quidem sit corporis illum porro veniam enim debitis voluptatum beatae.
Sale
presentation image of running shoes
Running Shoes$599$399⭐️⭐️⭐️⭐️⭐️

Background

Magic Gradient - gradient generator page preview

Similar gradients

Midnight

Color codes used in midnight gradient: #1a1a4c, #2d2d8f, #5d5dbb

Galaxy

Color codes used in galaxy gradient: #4a0080, #7c68ee, #00bfff

Midnight Transition

Color codes used in midnight transition gradient: #000000, #424242, #808080

Midnight Bliss

Color codes used in midnight bliss gradient: #1a1a1a, #4d4d4d, #808080

Cosmic Voyage

Color codes used in cosmic voyage gradient: #1f1b79, #4b2d8f, #a76c99

Black Aesthetic

Color codes used in black aesthetic gradient: #1C1C1C, #5A5A5A, #A0A0A0

Black Navy

Color codes used in black navy gradient: #001F3F, #003366, #004080

Black Magenta

Color codes used in black magenta gradient: #000000, #8B008B, #FF00FF
Explore more gradients