#0065DA - #162A76 | 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 #0065DA to #162A76

#0065DA #162A76

Calculate the color between two colors, #0065DA and #162A76. 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)

#0065DA - #162A76 | 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 #0065DA as 0% and #162A76 as 100%.

0.0%	0.0% #0065DA	RGB 0 101 218	#0065DA
16.7%	16.7% #035BC9	RGB 3 91 201	#035BC9
33.3%	33.3% #0751B8	RGB 7 81 184	#0751B8
50.0%	50.0% #0B47A8	RGB 11 71 168	#0B47A8
66.7%	66.7% #0E3D97	RGB 14 61 151	#0E3D97
83.3%	83.3% #123386	RGB 18 51 134	#123386
100.0%	100.0% #162A76	RGB 22 42 118	#162A76

#0065DA #035BC9 #0751B8 #0B47A8 #0E3D97 #123386 #162A76

#0065DA - #162A76

HSV Blend

#0065DA - #162A76 | 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 #0065DA as 0% and #162A76 as 100%.

0.0%	0.0% #0065DA	RGB 0 101 218	#0065DA
16.7%	16.7% #0658C9	RGB 6 88 201	#0658C9
33.3%	33.3% #0B4CB8	RGB 11 76 184	#0B4CB8
50.0%	50.0% #0F42A8	RGB 15 66 168	#0F42A8
66.7%	66.7% #123997	RGB 18 57 151	#123997
83.3%	83.3% #143186	RGB 20 49 134	#143186
100.0%	100.0% #162A76	RGB 22 42 118	#162A76

#0065DA #0658C9 #0B4CB8 #0F42A8 #123997 #143186 #162A76

#0065DA - #0F42A8 - #162A76

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0065DA 0%, #0F42A8 50%, #162A76 100%);
    background: -webkit-linear-gradient(top, #0065DA 0%, #0F42A8 50%, #162A76 100%);
    background: linear-gradient(to bottom, #0065DA 0%, #0F42A8 50%, #162A76 100%);
}
</style>