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>
Need more Tailwind CSS gradient styles? Use our Tailwind CSS gradient generator with dark side of the moon gradient colors

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

Dusky Twilight

Color codes used in dusky twilight gradient: #800020, #9f512d, #d2691e

Sunset Eclipse

Color codes used in sunset eclipse gradient: #ff8052, #ff4400, #80007f

Seductive Noir

Color codes used in seductive noir gradient: #4d0070, #9f1fef, #ff6bb5

Night Sky Breeze

Color codes used in night sky breeze gradient: #000638, #1e3b71, #4b91e2

Midnight Waves

Color codes used in midnight waves gradient: #0d1c2b, #1b3a4b, #4b6e8b

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
Explore more gradients