#C9C7C8 - #ECD0FF | 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 #C9C7C8 to #ECD0FF

#C9C7C8 #ECD0FF

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

#C9C7C8 - #ECD0FF | 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 #C9C7C8 as 0% and #ECD0FF as 100%.

0.0%	0.0% #C9C7C8	RGB 201 199 200	#C9C7C8
16.7%	16.7% #CEC8D1	RGB 206 200 209	#CEC8D1
33.3%	33.3% #D4CADA	RGB 212 202 218	#D4CADA
50.0%	50.0% #DACBE3	RGB 218 203 227	#DACBE3
66.7%	66.7% #E0CDEC	RGB 224 205 236	#E0CDEC
83.3%	83.3% #E6CEF5	RGB 230 206 245	#E6CEF5
100.0%	100.0% #ECD0FF	RGB 236 208 255	#ECD0FF

#C9C7C8 #CEC8D1 #D4CADA #DACBE3 #E0CDEC #E6CEF5 #ECD0FF

#C9C7C8 - #ECD0FF

HSV Blend

#C9C7C8 - #ECD0FF | 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 #C9C7C8 as 0% and #ECD0FF as 100%.

0.0%	0.0% #C9C7C8	RGB 201 199 200	#C9C7C8
16.7%	16.7% #D2C9CF	RGB 210 201 207	#D2C9CF
33.3%	33.3% #DBCCD8	RGB 219 204 216	#DBCCD8
50.0%	50.0% #E4CDE2	RGB 228 205 226	#E4CDE2
66.7%	66.7% #E9CFED	RGB 233 207 237	#E9CFED
83.3%	83.3% #ECCFF6	RGB 236 207 246	#ECCFF6
100.0%	100.0% #ECD0FF	RGB 236 208 255	#ECD0FF

#C9C7C8 #D2C9CF #DBCCD8 #E4CDE2 #E9CFED #ECCFF6 #ECD0FF

#C9C7C8 - #E4CDE2 - #ECD0FF

CSS codes

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

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