#C5CCF7 - #EEF0FC | 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 #C5CCF7 to #EEF0FC

#C5CCF7 #EEF0FC

Calculate the color between two colors, #C5CCF7 and #EEF0FC. 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)

#C5CCF7 - #EEF0FC | 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 #C5CCF7 as 0% and #EEF0FC as 100%.

0.0%	0.0% #C5CCF7	RGB 197 204 247	#C5CCF7
16.7%	16.7% #CBD2F7	RGB 203 210 247	#CBD2F7
33.3%	33.3% #D2D8F8	RGB 210 216 248	#D2D8F8
50.0%	50.0% #D9DEF9	RGB 217 222 249	#D9DEF9
66.7%	66.7% #E0E4FA	RGB 224 228 250	#E0E4FA
83.3%	83.3% #E7EAFB	RGB 231 234 251	#E7EAFB
100.0%	100.0% #EEF0FC	RGB 238 240 252	#EEF0FC

#C5CCF7 #CBD2F7 #D2D8F8 #D9DEF9 #E0E4FA #E7EAFB #EEF0FC

#C5CCF7 - #EEF0FC

HSV Blend

#C5CCF7 - #EEF0FC | 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 #C5CCF7 as 0% and #EEF0FC as 100%.

0.0%	0.0% #C5CCF7	RGB 197 204 247	#C5CCF7
16.7%	16.7% #CBD1F7	RGB 203 209 247	#CBD1F7
33.3%	33.3% #D2D7F8	RGB 210 215 248	#D2D7F8
50.0%	50.0% #D9DDF9	RGB 217 221 249	#D9DDF9
66.7%	66.7% #E0E3FA	RGB 224 227 250	#E0E3FA
83.3%	83.3% #E7E9FB	RGB 231 233 251	#E7E9FB
100.0%	100.0% #EEF0FC	RGB 238 240 252	#EEF0FC

#C5CCF7 #CBD1F7 #D2D7F8 #D9DDF9 #E0E3FA #E7E9FB #EEF0FC

#C5CCF7 - #D9DDF9 - #EEF0FC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5CCF7 0%, #D9DDF9 50%, #EEF0FC 100%);
    background: -webkit-linear-gradient(top, #C5CCF7 0%, #D9DDF9 50%, #EEF0FC 100%);
    background: linear-gradient(to bottom, #C5CCF7 0%, #D9DDF9 50%, #EEF0FC 100%);
}
</style>