#C9CCF7 - #EFF0FC | 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 #C9CCF7 to #EFF0FC

#C9CCF7 #EFF0FC

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

#C9CCF7 - #EFF0FC | 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 #C9CCF7 as 0% and #EFF0FC as 100%.

0.0%	0.0% #C9CCF7	RGB 201 204 247	#C9CCF7
16.7%	16.7% #CFD2F7	RGB 207 210 247	#CFD2F7
33.3%	33.3% #D5D8F8	RGB 213 216 248	#D5D8F8
50.0%	50.0% #DCDEF9	RGB 220 222 249	#DCDEF9
66.7%	66.7% #E2E4FA	RGB 226 228 250	#E2E4FA
83.3%	83.3% #E8EAFB	RGB 232 234 251	#E8EAFB
100.0%	100.0% #EFF0FC	RGB 239 240 252	#EFF0FC

#C9CCF7 #CFD2F7 #D5D8F8 #DCDEF9 #E2E4FA #E8EAFB #EFF0FC

#C9CCF7 - #EFF0FC

HSV Blend

#C9CCF7 - #EFF0FC | 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 #C9CCF7 as 0% and #EFF0FC as 100%.

0.0%	0.0% #C9CCF7	RGB 201 204 247	#C9CCF7
16.7%	16.7% #CFD1F7	RGB 207 209 247	#CFD1F7
33.3%	33.3% #D5D7F8	RGB 213 215 248	#D5D7F8
50.0%	50.0% #DBDDF9	RGB 219 221 249	#DBDDF9
66.7%	66.7% #E2E3FA	RGB 226 227 250	#E2E3FA
83.3%	83.3% #E8E9FB	RGB 232 233 251	#E8E9FB
100.0%	100.0% #EFF0FC	RGB 239 240 252	#EFF0FC

#C9CCF7 #CFD1F7 #D5D7F8 #DBDDF9 #E2E3FA #E8E9FB #EFF0FC

#C9CCF7 - #DBDDF9 - #EFF0FC

CSS codes

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

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