#CED6CE - #E3EDD3 | 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 #CED6CE to #E3EDD3

#CED6CE #E3EDD3

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

#CED6CE - #E3EDD3 | 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 #CED6CE as 0% and #E3EDD3 as 100%.

0.0%	0.0% #CED6CE	RGB 206 214 206	#CED6CE
16.7%	16.7% #D1D9CE	RGB 209 217 206	#D1D9CE
33.3%	33.3% #D5DDCF	RGB 213 221 207	#D5DDCF
50.0%	50.0% #D8E1D0	RGB 216 225 208	#D8E1D0
66.7%	66.7% #DCE5D1	RGB 220 229 209	#DCE5D1
83.3%	83.3% #DFE9D2	RGB 223 233 210	#DFE9D2
100.0%	100.0% #E3EDD3	RGB 227 237 211	#E3EDD3

#CED6CE #D1D9CE #D5DDCF #D8E1D0 #DCE5D1 #DFE9D2 #E3EDD3

#CED6CE - #E3EDD3

HSV Blend

#CED6CE - #E3EDD3 | 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 #CED6CE as 0% and #E3EDD3 as 100%.

0.0%	0.0% #CED6CE	RGB 206 214 206	#CED6CE
16.7%	16.7% #D0D9CF	RGB 208 217 207	#D0D9CF
33.3%	33.3% #D2DDD0	RGB 210 221 208	#D2DDD0
50.0%	50.0% #D6E1D0	RGB 214 225 208	#D6E1D0
66.7%	66.7% #D9E5D1	RGB 217 229 209	#D9E5D1
83.3%	83.3% #DEE9D2	RGB 222 233 210	#DEE9D2
100.0%	100.0% #E3EDD3	RGB 227 237 211	#E3EDD3

#CED6CE #D0D9CF #D2DDD0 #D6E1D0 #D9E5D1 #DEE9D2 #E3EDD3

#CED6CE - #D6E1D0 - #E3EDD3

CSS codes

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

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