Deep Denim Gradient

Rich indigo blue deepening toward navy.
Open in the gradient generator →

Color Stops

#3F51B5
#1A237E

Deep Denim CSS Code

HEX Copy
background: #3F51B5;
background: linear-gradient(180deg, #3F51B5 0%, #1A237E 100%);
RGBA Copy
background: rgba(63, 81, 181, 1.0);
background: linear-gradient(180deg, rgba(63, 81, 181, 1.0) 0%, rgba(26, 35, 126, 1.0) 100%);
HSLA Copy
background: hsla(231, 48%, 48%, 1.0);
background: linear-gradient(180deg, hsla(231, 48%, 48%, 1.0) 0%, hsla(235, 66%, 30%, 1.0) 100%);

More Gradient Presets

FAQ

What is the Deep Denim gradient?

Rich indigo blue deepening toward navy.

What's the CSS code for the Deep Denim gradient?

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

Generate a Gradient

Start your own gradient →