#CCC7C7 - #ECD0E5 | 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 #CCC7C7 to #ECD0E5

#CCC7C7 #ECD0E5

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

#CCC7C7 - #ECD0E5 | 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 #CCC7C7 as 0% and #ECD0E5 as 100%.

0.0%	0.0% #CCC7C7	RGB 204 199 199	#CCC7C7
16.7%	16.7% #D1C8CC	RGB 209 200 204	#D1C8CC
33.3%	33.3% #D6CAD1	RGB 214 202 209	#D6CAD1
50.0%	50.0% #DCCBD6	RGB 220 203 214	#DCCBD6
66.7%	66.7% #E1CDDB	RGB 225 205 219	#E1CDDB
83.3%	83.3% #E6CEE0	RGB 230 206 224	#E6CEE0
100.0%	100.0% #ECD0E5	RGB 236 208 229	#ECD0E5

#CCC7C7 #D1C8CC #D6CAD1 #DCCBD6 #E1CDDB #E6CEE0 #ECD0E5

#CCC7C7 - #ECD0E5

HSV Blend

#CCC7C7 - #ECD0E5 | 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 #CCC7C7 as 0% and #ECD0E5 as 100%.

0.0%	0.0% #CCC7C7	RGB 204 199 199	#CCC7C7
16.7%	16.7% #D1C8C9	RGB 209 200 201	#D1C8C9
33.3%	33.3% #D6CACD	RGB 214 202 205	#D6CACD
50.0%	50.0% #DCCCD2	RGB 220 204 210	#DCCCD2
66.7%	66.7% #E1CDD7	RGB 225 205 215	#E1CDD7
83.3%	83.3% #E6CEDD	RGB 230 206 221	#E6CEDD
100.0%	100.0% #ECD0E5	RGB 236 208 229	#ECD0E5

#CCC7C7 #D1C8C9 #D6CACD #DCCCD2 #E1CDD7 #E6CEDD #ECD0E5

#CCC7C7 - #DCCCD2 - #ECD0E5

CSS codes

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

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