Navy Gradient

Navy Gradient CSS3 Code

The Navy gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #000080, this gradient showcases a visual transformation through shade variation, transitioning from #000080 to #000071, #000062, and #0F0F8F. Embrace the navy 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: #000080; background: linear-gradient(to bottom, #000080 0%, #000071 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000080), color-stop(100%, #000071)); background: -webkit-linear-gradient(top, #000080 0%, #000071 100%); background: -moz-linear-gradient(top, #000080 0%, #000071 100%); background: -o-linear-gradient(top, #000080 0%, #000071 100%); background: -ms-linear-gradient(top, #000080 0%, #000071 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000080', endColorstr='#000071', GradientType=0); border: 1px solid #000062; box-shadow: inset 0 1px 0 #0F0F8F; -webkit-box-shadow: inset 0 1px 0 #0F0F8F; -moz-box-shadow: inset 0 1px 0 #0F0F8F;

Navy Gradient Color Palette

Color Hex RGB CMYK
#000080 0, 0, 128 100%, 100%, 0%, 49%
#000071 0, 0, 113 100%, 100%, 0%, 55%
#000062 0, 0, 98 100%, 100%, 0%, 61%
#0F0F8F 15, 15, 143 89%, 89%, 0%, 43%
Did you know our free color tools?