#CED3C9 - #ECE3D0 | 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 #CED3C9 to #ECE3D0

#CED3C9 #ECE3D0

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

#CED3C9 - #ECE3D0 | 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 #CED3C9 as 0% and #ECE3D0 as 100%.

0.0%	0.0% #CED3C9	RGB 206 211 201	#CED3C9
16.7%	16.7% #D3D5CA	RGB 211 213 202	#D3D5CA
33.3%	33.3% #D8D8CB	RGB 216 216 203	#D8D8CB
50.0%	50.0% #DDDBCC	RGB 221 219 204	#DDDBCC
66.7%	66.7% #E2DDCD	RGB 226 221 205	#E2DDCD
83.3%	83.3% #E7E0CE	RGB 231 224 206	#E7E0CE
100.0%	100.0% #ECE3D0	RGB 236 227 208	#ECE3D0

#CED3C9 #D3D5CA #D8D8CB #DDDBCC #E2DDCD #E7E0CE #ECE3D0

#CED3C9 - #ECE3D0

HSV Blend

#CED3C9 - #ECE3D0 | 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 #CED3C9 as 0% and #ECE3D0 as 100%.

0.0%	0.0% #CED3C9	RGB 206 211 201	#CED3C9
16.7%	16.7% #D2D7CA	RGB 210 215 202	#D2D7CA
33.3%	33.3% #D7DBCB	RGB 215 219 203	#D7DBCB
50.0%	50.0% #DDDFCC	RGB 221 223 204	#DDDFCC
66.7%	66.7% #E3E2CE	RGB 227 226 206	#E3E2CE
83.3%	83.3% #E7E3CF	RGB 231 227 207	#E7E3CF
100.0%	100.0% #ECE3D0	RGB 236 227 208	#ECE3D0

#CED3C9 #D2D7CA #D7DBCB #DDDFCC #E3E2CE #E7E3CF #ECE3D0

#CED3C9 - #DDDFCC - #ECE3D0

CSS codes

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

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