#006CD3 - #162F70 | 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 #006CD3 to #162F70

#006CD3 #162F70

Calculate the color between two colors, #006CD3 and #162F70. 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)

#006CD3 - #162F70 | 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 #006CD3 as 0% and #162F70 as 100%.

0.0%	0.0% #006CD3	RGB 0 108 211	#006CD3
16.7%	16.7% #0361C2	RGB 3 97 194	#0361C2
33.3%	33.3% #0757B2	RGB 7 87 178	#0757B2
50.0%	50.0% #0B4DA1	RGB 11 77 161	#0B4DA1
66.7%	66.7% #0E4391	RGB 14 67 145	#0E4391
83.3%	83.3% #123980	RGB 18 57 128	#123980
100.0%	100.0% #162F70	RGB 22 47 112	#162F70

#006CD3 #0361C2 #0757B2 #0B4DA1 #0E4391 #123980 #162F70

#006CD3 - #162F70

HSV Blend

#006CD3 - #162F70 | 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 #006CD3 as 0% and #162F70 as 100%.

0.0%	0.0% #006CD3	RGB 0 108 211	#006CD3
16.7%	16.7% #065FC2	RGB 6 95 194	#065FC2
33.3%	33.3% #0B53B2	RGB 11 83 178	#0B53B2
50.0%	50.0% #0F49A1	RGB 15 73 161	#0F49A1
66.7%	66.7% #123F91	RGB 18 63 145	#123F91
83.3%	83.3% #153780	RGB 21 55 128	#153780
100.0%	100.0% #162F70	RGB 22 47 112	#162F70

#006CD3 #065FC2 #0B53B2 #0F49A1 #123F91 #153780 #162F70

#006CD3 - #0F49A1 - #162F70

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #006CD3 0%, #0F49A1 50%, #162F70 100%);
    background: -webkit-linear-gradient(top, #006CD3 0%, #0F49A1 50%, #162F70 100%);
    background: linear-gradient(to bottom, #006CD3 0%, #0F49A1 50%, #162F70 100%);
}
</style>