#00166B - #72B6C8 | 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 #00166B to #72B6C8

#00166B #72B6C8

Calculate the color between two colors, #00166B and #72B6C8. 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)

#00166B - #72B6C8 | 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 #00166B as 0% and #72B6C8 as 100%.

0.0%	0.0% #00166B	RGB 0 22 107	#00166B
16.7%	16.7% #13307A	RGB 19 48 122	#13307A
33.3%	33.3% #264B8A	RGB 38 75 138	#264B8A
50.0%	50.0% #396699	RGB 57 102 153	#396699
66.7%	66.7% #4C80A9	RGB 76 128 169	#4C80A9
83.3%	83.3% #5F9BB8	RGB 95 155 184	#5F9BB8
100.0%	100.0% #72B6C8	RGB 114 182 200	#72B6C8

#00166B #13307A #264B8A #396699 #4C80A9 #5F9BB8 #72B6C8

#00166B - #72B6C8

HSV Blend

#00166B - #72B6C8 | 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 #00166B as 0% and #72B6C8 as 100%.

0.0%	0.0% #00156B	RGB 0 21 107	#00156B
16.7%	16.7% #0B2D7A	RGB 11 45 122	#0B2D7A
33.3%	33.3% #1A478A	RGB 26 71 138	#1A478A
50.0%	50.0% #2B6299	RGB 43 98 153	#2B6299
66.7%	66.7% #407EA9	RGB 64 126 169	#407EA9
83.3%	83.3% #579AB8	RGB 87 154 184	#579AB8
100.0%	100.0% #72B6C8	RGB 114 182 200	#72B6C8

#00156B #0B2D7A #1A478A #2B6299 #407EA9 #579AB8 #72B6C8

#00166B - #2B6299 - #72B6C8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00156B 0%, #2B6299 50%, #72B6C8 100%);
    background: -webkit-linear-gradient(top, #00156B 0%, #2B6299 50%, #72B6C8 100%);
    background: linear-gradient(to bottom, #00156B 0%, #2B6299 50%, #72B6C8 100%);
}
</style>