#C5EEFE - #72BAEA | 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 #C5EEFE to #72BAEA

#C5EEFE #72BAEA

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

#C5EEFE - #72BAEA | 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 #C5EEFE as 0% and #72BAEA as 100%.

0.0%	0.0% #C5EEFE	RGB 197 238 254	#C5EEFE
16.7%	16.7% #B7E5FA	RGB 183 229 250	#B7E5FA
33.3%	33.3% #A9DCF7	RGB 169 220 247	#A9DCF7
50.0%	50.0% #9BD4F4	RGB 155 212 244	#9BD4F4
66.7%	66.7% #8DCBF0	RGB 141 203 240	#8DCBF0
83.3%	83.3% #7FC2ED	RGB 127 194 237	#7FC2ED
100.0%	100.0% #72BAEA	RGB 114 186 234	#72BAEA

#C5EEFE #B7E5FA #A9DCF7 #9BD4F4 #8DCBF0 #7FC2ED #72BAEA

#C5EEFE - #72BAEA

HSV Blend

#C5EEFE - #72BAEA | 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 #C5EEFE as 0% and #72BAEA as 100%.

0.0%	0.0% #C5EEFE	RGB 197 238 254	#C5EEFE
16.7%	16.7% #B6E6FA	RGB 182 230 250	#B6E6FA
33.3%	33.3% #A8DDF7	RGB 168 221 247	#A8DDF7
50.0%	50.0% #9AD5F4	RGB 154 213 244	#9AD5F4
66.7%	66.7% #8CCCF0	RGB 140 204 240	#8CCCF0
83.3%	83.3% #7FC3ED	RGB 127 195 237	#7FC3ED
100.0%	100.0% #72BAEA	RGB 114 186 234	#72BAEA

#C5EEFE #B6E6FA #A8DDF7 #9AD5F4 #8CCCF0 #7FC3ED #72BAEA

#C5EEFE - #9AD5F4 - #72BAEA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EEFE 0%, #9AD5F4 50%, #72BAEA 100%);
    background: -webkit-linear-gradient(top, #C5EEFE 0%, #9AD5F4 50%, #72BAEA 100%);
    background: linear-gradient(to bottom, #C5EEFE 0%, #9AD5F4 50%, #72BAEA 100%);
}
</style>