#CED3CD - #E5DEC5 | 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 #CED3CD to #E5DEC5

#CED3CD #E5DEC5

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

#CED3CD - #E5DEC5 | 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 #CED3CD as 0% and #E5DEC5 as 100%.

0.0%	0.0% #CED3CD	RGB 206 211 205	#CED3CD
16.7%	16.7% #D1D4CB	RGB 209 212 203	#D1D4CB
33.3%	33.3% #D5D6CA	RGB 213 214 202	#D5D6CA
50.0%	50.0% #D9D8C9	RGB 217 216 201	#D9D8C9
66.7%	66.7% #DDDAC7	RGB 221 218 199	#DDDAC7
83.3%	83.3% #E1DCC6	RGB 225 220 198	#E1DCC6
100.0%	100.0% #E5DEC5	RGB 229 222 197	#E5DEC5

#CED3CD #D1D4CB #D5D6CA #D9D8C9 #DDDAC7 #E1DCC6 #E5DEC5

#CED3CD - #E5DEC5

HSV Blend

#CED3CD - #E5DEC5 | 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 #CED3CD as 0% and #E5DEC5 as 100%.

0.0%	0.0% #CED3CD	RGB 206 211 205	#CED3CD
16.7%	16.7% #CFD6CB	RGB 207 214 203	#CFD6CB
33.3%	33.3% #D2D9CA	RGB 210 217 202	#D2D9CA
50.0%	50.0% #D6DCC9	RGB 214 220 201	#D6DCC9
66.7%	66.7% #DBDFC8	RGB 219 223 200	#DBDFC8
83.3%	83.3% #E2E0C6	RGB 226 224 198	#E2E0C6
100.0%	100.0% #E5DEC5	RGB 229 222 197	#E5DEC5

#CED3CD #CFD6CB #D2D9CA #D6DCC9 #DBDFC8 #E2E0C6 #E5DEC5

#CED3CD - #D6DCC9 - #E5DEC5

CSS codes

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

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