Red Navy Gradient

Colors used in Red Navy gradient

Vermilion

Red Violet

Jacksons Purple

Export Red Navy gradient CSS

.gradient { background-image: linear-gradient(to right, #FF3D00, #C51162, #1A237E); }

TailwindCSS Export

<span class="bg-gradient-to-r from-[#FF3D00] via-[#C51162] to-[#1A237E]"></span>

Download Red Navy gradient as high-quality image

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

Red Navy Gradient Examples

See how your gradient looks in the real world UI.

Heading

Red Navy 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

Midnight Orange

Color codes used in midnight orange gradient: #ff6d1f, #ff9900, #ffb300

Midnight Ocean

Color codes used in midnight ocean gradient: #000080, #1f8fff, #89cfeb

Cat

Color codes used in cat gradient: #ffb3c1, #ff6e61, #ff3d3d

Hello Sunshine

Color codes used in hello sunshine gradient: #ffec3d, #ff9900, #ff5724

Thailand

Color codes used in thailand gradient: #ffb84d, #ff6e42, #f44034

Rainbow

Color codes used in rainbow gradient: #ff5833, #33ff58, #3358ff

Midnight Transition

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