Picton Blue Gradient

Picton Blue Gradient CSS3 Code

The Picton Blue gradient offers a vibrant color scheme palette with 4 shades. Incorporating the hex color #45b1e8, this gradient showcases a visual transformation through shade variation, transitioning from #45B1E8 to #36A2D9, #2793CA, and #54C0F7. Embrace the picton 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: #45B1E8; background: linear-gradient(to bottom, #45B1E8 0%, #36A2D9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45B1E8), color-stop(100%, #36A2D9)); background: -webkit-linear-gradient(top, #45B1E8 0%, #36A2D9 100%); background: -moz-linear-gradient(top, #45B1E8 0%, #36A2D9 100%); background: -o-linear-gradient(top, #45B1E8 0%, #36A2D9 100%); background: -ms-linear-gradient(top, #45B1E8 0%, #36A2D9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45B1E8', endColorstr='#36A2D9', GradientType=0); border: 1px solid #2793CA; box-shadow: inset 0 1px 0 #54C0F7; -webkit-box-shadow: inset 0 1px 0 #54C0F7; -moz-box-shadow: inset 0 1px 0 #54C0F7;

Picton Blue Gradient Color Palette

Color Hex RGB CMYK
#45B1E8 69, 177, 232 70%, 23%, 0%, 9%
#36A2D9 54, 162, 217 75%, 25%, 0%, 14%
#2793CA 39, 147, 202 80%, 27%, 0%, 20%
#54C0F7 84, 192, 247 65%, 22%, 0%, 3%
Did you know our free color tools?