#CED0CE - #E2D4E1 | 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 #CED0CE to #E2D4E1

#CED0CE #E2D4E1

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

#CED0CE - #E2D4E1 | 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 #CED0CE as 0% and #E2D4E1 as 100%.

0.0%	0.0% #CED0CE	RGB 206 208 206	#CED0CE
16.7%	16.7% #D1D0D1	RGB 209 208 209	#D1D0D1
33.3%	33.3% #D4D1D4	RGB 212 209 212	#D4D1D4
50.0%	50.0% #D8D2D7	RGB 216 210 215	#D8D2D7
66.7%	66.7% #DBD2DA	RGB 219 210 218	#DBD2DA
83.3%	83.3% #DED3DD	RGB 222 211 221	#DED3DD
100.0%	100.0% #E2D4E1	RGB 226 212 225	#E2D4E1

#CED0CE #D1D0D1 #D4D1D4 #D8D2D7 #DBD2DA #DED3DD #E2D4E1

#CED0CE - #E2D4E1

HSV Blend

#CED0CE - #E2D4E1 | 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 #CED0CE as 0% and #E2D4E1 as 100%.

0.0%	0.0% #CED0CE	RGB 206 208 206	#CED0CE
16.7%	16.7% #D1D3CF	RGB 209 211 207	#D1D3CF
33.3%	33.3% #D5D6D0	RGB 213 214 208	#D5D6D0
50.0%	50.0% #D9D5D1	RGB 217 213 209	#D9D5D1
66.7%	66.7% #DCD2D2	RGB 220 210 210	#DCD2D2
83.3%	83.3% #DFD3D8	RGB 223 211 216	#DFD3D8
100.0%	100.0% #E2D4E1	RGB 226 212 225	#E2D4E1

#CED0CE #D1D3CF #D5D6D0 #D9D5D1 #DCD2D2 #DFD3D8 #E2D4E1

#CED0CE - #D9D5D1 - #E2D4E1

CSS codes

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

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