#51A0FF - #162C48 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #51A0FF to #162C48

#51A0FF #162C48

Calculate the color between two colors, #51A0FF and #162C48. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#51A0FF - #162C48 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #51A0FF as 0% and #162C48 as 100%.

0.0%	0.0% #51A0FF	RGB 81 160 255	#51A0FF
16.7%	16.7% #478CE0	RGB 71 140 224	#478CE0
33.3%	33.3% #3D79C2	RGB 61 121 194	#3D79C2
50.0%	50.0% #3366A3	RGB 51 102 163	#3366A3
66.7%	66.7% #295284	RGB 41 82 132	#295284
83.3%	83.3% #1F3F66	RGB 31 63 102	#1F3F66
100.0%	100.0% #162C48	RGB 22 44 72	#162C48

#51A0FF #478CE0 #3D79C2 #3366A3 #295284 #1F3F66 #162C48

#51A0FF - #162C48

HSV Blend

#51A0FF - #162C48 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #51A0FF as 0% and #162C48 as 100%.

0.0%	0.0% #51A0FF	RGB 81 160 255	#51A0FF
16.7%	16.7% #468CE0	RGB 70 140 224	#468CE0
33.3%	33.3% #3C78C2	RGB 60 120 194	#3C78C2
50.0%	50.0% #3265A3	RGB 50 101 163	#3265A3
66.7%	66.7% #295284	RGB 41 82 132	#295284
83.3%	83.3% #1F3E66	RGB 31 62 102	#1F3E66
100.0%	100.0% #162C48	RGB 22 44 72	#162C48

#51A0FF #468CE0 #3C78C2 #3265A3 #295284 #1F3E66 #162C48

#51A0FF - #3265A3 - #162C48

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #51A0FF 0%, #162C48 100%);
    background: -webkit-linear-gradient(top, #51A0FF 0%, #162C48 100%);
    background: linear-gradient(to bottom, #51A0FF 0%, #162C48 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #51A0FF 0%, #3265A3 50%, #162C48 100%);
    background: -webkit-linear-gradient(top, #51A0FF 0%, #3265A3 50%, #162C48 100%);
    background: linear-gradient(to bottom, #51A0FF 0%, #3265A3 50%, #162C48 100%);
}
</style>