Dodger Blue Gradient

Dodger Blue Gradient CSS3 Code

The Dodger Blue gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #1e90ff, this gradient showcases a visual transformation through shade variation, transitioning from #1E90FF to #0F81F0, #0072E1, and #2D9FFF. Embrace the dodger blue gradient to add a striking touch to your web designs, graphic arts, or creative projects. This color combination was created by hexcolor.co. The Hex, RGB, and CMYK codes are in the table below.

background: #1E90FF; background: linear-gradient(to bottom, #1E90FF 0%, #0F81F0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1E90FF), color-stop(100%, #0F81F0)); background: -webkit-linear-gradient(top, #1E90FF 0%, #0F81F0 100%); background: -moz-linear-gradient(top, #1E90FF 0%, #0F81F0 100%); background: -o-linear-gradient(top, #1E90FF 0%, #0F81F0 100%); background: -ms-linear-gradient(top, #1E90FF 0%, #0F81F0 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1E90FF', endColorstr='#0F81F0', GradientType=0); border: 1px solid #0072E1; box-shadow: inset 0 1px 0 #2D9FFF; -webkit-box-shadow: inset 0 1px 0 #2D9FFF; -moz-box-shadow: inset 0 1px 0 #2D9FFF;

Dodger Blue Gradient Color Palette

Color Hex RGB CMYK
#1E90FF 30, 144, 255 88%, 43%, 0%, 0%
#0F81F0 15, 129, 240 93%, 46%, 0%, 5%
#0072E1 0, 114, 225 100%, 49%, 0%, 11%
#2D9FFF 45, 159, 255 82%, 37%, 0%, 0%
Did you know our free color tools?