#CCCDCA - #E3C6C5 | 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 #CCCDCA to #E3C6C5

#CCCDCA #E3C6C5

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

#CCCDCA - #E3C6C5 | 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 #CCCDCA as 0% and #E3C6C5 as 100%.

0.0%	0.0% #CCCDCA	RGB 204 205 202	#CCCDCA
16.7%	16.7% #CFCBC9	RGB 207 203 201	#CFCBC9
33.3%	33.3% #D3CAC8	RGB 211 202 200	#D3CAC8
50.0%	50.0% #D7C9C7	RGB 215 201 199	#D7C9C7
66.7%	66.7% #DBC8C6	RGB 219 200 198	#DBC8C6
83.3%	83.3% #DFC7C5	RGB 223 199 197	#DFC7C5
100.0%	100.0% #E3C6C5	RGB 227 198 197	#E3C6C5

#CCCDCA #CFCBC9 #D3CAC8 #D7C9C7 #DBC8C6 #DFC7C5 #E3C6C5

#CCCDCA - #E3C6C5

HSV Blend

#CCCDCA - #E3C6C5 | 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 #CCCDCA as 0% and #E3C6C5 as 100%.

0.0%	0.0% #CCCDCA	RGB 204 205 202	#CCCDCA
16.7%	16.7% #CFD0C9	RGB 207 208 201	#CFD0C9
33.3%	33.3% #D4D3C8	RGB 212 211 200	#D4D3C8
50.0%	50.0% #D8D2C8	RGB 216 210 200	#D8D2C8
66.7%	66.7% #DBD0C7	RGB 219 208 199	#DBD0C7
83.3%	83.3% #DFCCC6	RGB 223 204 198	#DFCCC6
100.0%	100.0% #E3C6C5	RGB 227 198 197	#E3C6C5

#CCCDCA #CFD0C9 #D4D3C8 #D8D2C8 #DBD0C7 #DFCCC6 #E3C6C5

#CCCDCA - #D8D2C8 - #E3C6C5

CSS codes

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

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