#C9CAC7 - #ECD6D2 | 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 #C9CAC7 to #ECD6D2

#C9CAC7 #ECD6D2

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

#C9CAC7 - #ECD6D2 | 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 #C9CAC7 as 0% and #ECD6D2 as 100%.

0.0%	0.0% #C9CAC7	RGB 201 202 199	#C9CAC7
16.7%	16.7% #CECCC8	RGB 206 204 200	#CECCC8
33.3%	33.3% #D4CECA	RGB 212 206 202	#D4CECA
50.0%	50.0% #DAD0CC	RGB 218 208 204	#DAD0CC
66.7%	66.7% #E0D2CE	RGB 224 210 206	#E0D2CE
83.3%	83.3% #E6D4D0	RGB 230 212 208	#E6D4D0
100.0%	100.0% #ECD6D2	RGB 236 214 210	#ECD6D2

#C9CAC7 #CECCC8 #D4CECA #DAD0CC #E0D2CE #E6D4D0 #ECD6D2

#C9CAC7 - #ECD6D2

HSV Blend

#C9CAC7 - #ECD6D2 | 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 #C9CAC7 as 0% and #ECD6D2 as 100%.

0.0%	0.0% #C9CAC7	RGB 201 202 199	#C9CAC7
16.7%	16.7% #CECFC9	RGB 206 207 201	#CECFC9
33.3%	33.3% #D5D4CB	RGB 213 212 203	#D5D4CB
50.0%	50.0% #DBD7CD	RGB 219 215 205	#DBD7CD
66.7%	66.7% #E0D8CF	RGB 224 216 207	#E0D8CF
83.3%	83.3% #E6D8D0	RGB 230 216 208	#E6D8D0
100.0%	100.0% #ECD6D2	RGB 236 214 210	#ECD6D2

#C9CAC7 #CECFC9 #D5D4CB #DBD7CD #E0D8CF #E6D8D0 #ECD6D2

#C9CAC7 - #DBD7CD - #ECD6D2

CSS codes

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

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