#CED2CA - #ECE0CF | 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 #CED2CA to #ECE0CF

#CED2CA #ECE0CF

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

#CED2CA - #ECE0CF | 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 #CED2CA as 0% and #ECE0CF as 100%.

0.0%	0.0% #CED2CA	RGB 206 210 202	#CED2CA
16.7%	16.7% #D3D4CA	RGB 211 212 202	#D3D4CA
33.3%	33.3% #D8D6CB	RGB 216 214 203	#D8D6CB
50.0%	50.0% #DDD9CC	RGB 221 217 204	#DDD9CC
66.7%	66.7% #E2DBCD	RGB 226 219 205	#E2DBCD
83.3%	83.3% #E7DDCE	RGB 231 221 206	#E7DDCE
100.0%	100.0% #ECE0CF	RGB 236 224 207	#ECE0CF

#CED2CA #D3D4CA #D8D6CB #DDD9CC #E2DBCD #E7DDCE #ECE0CF

#CED2CA - #ECE0CF

HSV Blend

#CED2CA - #ECE0CF | 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 #CED2CA as 0% and #ECE0CF as 100%.

0.0%	0.0% #CED2CA	RGB 206 210 202	#CED2CA
16.7%	16.7% #D2D6CB	RGB 210 214 203	#D2D6CB
33.3%	33.3% #D7DACC	RGB 215 218 204	#D7DACC
50.0%	50.0% #DEDFCD	RGB 222 223 205	#DEDFCD
66.7%	66.7% #E3E0CD	RGB 227 224 205	#E3E0CD
83.3%	83.3% #E7E1CE	RGB 231 225 206	#E7E1CE
100.0%	100.0% #ECE0CF	RGB 236 224 207	#ECE0CF

#CED2CA #D2D6CB #D7DACC #DEDFCD #E3E0CD #E7E1CE #ECE0CF

#CED2CA - #DEDFCD - #ECE0CF

CSS codes

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

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