#CDD0CC - #E6DEC7 | 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 #CDD0CC to #E6DEC7

#CDD0CC #E6DEC7

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

#CDD0CC - #E6DEC7 | 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 #CDD0CC as 0% and #E6DEC7 as 100%.

0.0%	0.0% #CDD0CC	RGB 205 208 204	#CDD0CC
16.7%	16.7% #D1D2CB	RGB 209 210 203	#D1D2CB
33.3%	33.3% #D5D4CA	RGB 213 212 202	#D5D4CA
50.0%	50.0% #D9D7C9	RGB 217 215 201	#D9D7C9
66.7%	66.7% #DDD9C8	RGB 221 217 200	#DDD9C8
83.3%	83.3% #E1DBC7	RGB 225 219 199	#E1DBC7
100.0%	100.0% #E6DEC7	RGB 230 222 199	#E6DEC7

#CDD0CC #D1D2CB #D5D4CA #D9D7C9 #DDD9C8 #E1DBC7 #E6DEC7

#CDD0CC - #E6DEC7

HSV Blend

#CDD0CC - #E6DEC7 | 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 #CDD0CC as 0% and #E6DEC7 as 100%.

0.0%	0.0% #CDD0CC	RGB 205 208 204	#CDD0CC
16.7%	16.7% #CED3CB	RGB 206 211 203	#CED3CB
33.3%	33.3% #D2D7CA	RGB 210 215 202	#D2D7CA
50.0%	50.0% #D6DBCA	RGB 214 219 202	#D6DBCA
66.7%	66.7% #DCDEC9	RGB 220 222 201	#DCDEC9
83.3%	83.3% #E2DFC8	RGB 226 223 200	#E2DFC8
100.0%	100.0% #E6DEC7	RGB 230 222 199	#E6DEC7

#CDD0CC #CED3CB #D2D7CA #D6DBCA #DCDEC9 #E2DFC8 #E6DEC7

#CDD0CC - #D6DBCA - #E6DEC7

CSS codes

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

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