#ADC2EC - #4E71B8 | 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 #ADC2EC to #4E71B8

#ADC2EC #4E71B8

Calculate the color between two colors, #ADC2EC and #4E71B8. 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)

#ADC2EC - #4E71B8 | 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 #ADC2EC as 0% and #4E71B8 as 100%.

0.0%	0.0% #ADC2EC	RGB 173 194 236	#ADC2EC
16.7%	16.7% #9DB4E3	RGB 157 180 227	#9DB4E3
33.3%	33.3% #8DA7DA	RGB 141 167 218	#8DA7DA
50.0%	50.0% #7D99D2	RGB 125 153 210	#7D99D2
66.7%	66.7% #6D8CC9	RGB 109 140 201	#6D8CC9
83.3%	83.3% #5D7EC0	RGB 93 126 192	#5D7EC0
100.0%	100.0% #4E71B8	RGB 78 113 184	#4E71B8

#ADC2EC #9DB4E3 #8DA7DA #7D99D2 #6D8CC9 #5D7EC0 #4E71B8

#ADC2EC - #4E71B8

HSV Blend

#ADC2EC - #4E71B8 | 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 #ADC2EC as 0% and #4E71B8 as 100%.

0.0%	0.0% #ADC2EC	RGB 173 194 236	#ADC2EC
16.7%	16.7% #9AB3E3	RGB 154 179 227	#9AB3E3
33.3%	33.3% #89A4DA	RGB 137 164 218	#89A4DA
50.0%	50.0% #7996D2	RGB 121 150 210	#7996D2
66.7%	66.7% #6A89C9	RGB 106 137 201	#6A89C9
83.3%	83.3% #5B7DC0	RGB 91 125 192	#5B7DC0
100.0%	100.0% #4E71B8	RGB 78 113 184	#4E71B8

#ADC2EC #9AB3E3 #89A4DA #7996D2 #6A89C9 #5B7DC0 #4E71B8

#ADC2EC - #7996D2 - #4E71B8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADC2EC 0%, #7996D2 50%, #4E71B8 100%);
    background: -webkit-linear-gradient(top, #ADC2EC 0%, #7996D2 50%, #4E71B8 100%);
    background: linear-gradient(to bottom, #ADC2EC 0%, #7996D2 50%, #4E71B8 100%);
}
</style>