#C9C7D8 - #CCE7EC | 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 #C9C7D8 to #CCE7EC

#C9C7D8 #CCE7EC

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

#C9C7D8 - #CCE7EC | 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 #C9C7D8 as 0% and #CCE7EC as 100%.

0.0%	0.0% #C9C7D8	RGB 201 199 216	#C9C7D8
16.7%	16.7% #C9CCDB	RGB 201 204 219	#C9CCDB
33.3%	33.3% #CAD1DE	RGB 202 209 222	#CAD1DE
50.0%	50.0% #CAD7E2	RGB 202 215 226	#CAD7E2
66.7%	66.7% #CBDCE5	RGB 203 220 229	#CBDCE5
83.3%	83.3% #CBE1E8	RGB 203 225 232	#CBE1E8
100.0%	100.0% #CCE7EC	RGB 204 231 236	#CCE7EC

#C9C7D8 #C9CCDB #CAD1DE #CAD7E2 #CBDCE5 #CBE1E8 #CCE7EC

#C9C7D8 - #CCE7EC

HSV Blend

#C9C7D8 - #CCE7EC | 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 #C9C7D8 as 0% and #CCE7EC as 100%.

0.0%	0.0% #C9C7D8	RGB 201 199 216	#C9C7D8
16.7%	16.7% #C7C8DB	RGB 199 200 219	#C7C8DB
33.3%	33.3% #C8CDDE	RGB 200 205 222	#C8CDDE
50.0%	50.0% #C9D2E2	RGB 201 210 226	#C9D2E2
66.7%	66.7% #CAD8E5	RGB 202 216 229	#CAD8E5
83.3%	83.3% #CBDFE8	RGB 203 223 232	#CBDFE8
100.0%	100.0% #CCE7EC	RGB 204 231 236	#CCE7EC

#C9C7D8 #C7C8DB #C8CDDE #C9D2E2 #CAD8E5 #CBDFE8 #CCE7EC

#C9C7D8 - #C9D2E2 - #CCE7EC

CSS codes

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

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