#CED0CE - #EAECD3 | 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 #EAECD3

#CED0CE #EAECD3

Calculate the color between two colors, #CED0CE and #EAECD3. 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 - #EAECD3 | 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 #EAECD3 as 100%.

0.0%	0.0% #CED0CE	RGB 206 208 206	#CED0CE
16.7%	16.7% #D2D4CE	RGB 210 212 206	#D2D4CE
33.3%	33.3% #D7D9CF	RGB 215 217 207	#D7D9CF
50.0%	50.0% #DCDED0	RGB 220 222 208	#DCDED0
66.7%	66.7% #E0E2D1	RGB 224 226 209	#E0E2D1
83.3%	83.3% #E5E7D2	RGB 229 231 210	#E5E7D2
100.0%	100.0% #EAECD3	RGB 234 236 211	#EAECD3

#CED0CE #D2D4CE #D7D9CF #DCDED0 #E0E2D1 #E5E7D2 #EAECD3

#CED0CE - #EAECD3

HSV Blend

#CED0CE - #EAECD3 | 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 #EAECD3 as 100%.

0.0%	0.0% #CED0CE	RGB 206 208 206	#CED0CE
16.7%	16.7% #D0D4CF	RGB 208 212 207	#D0D4CF
33.3%	33.3% #D3D9D0	RGB 211 217 208	#D3D9D0
50.0%	50.0% #D7DED1	RGB 215 222 209	#D7DED1
66.7%	66.7% #DCE2D1	RGB 220 226 209	#DCE2D1
83.3%	83.3% #E2E7D2	RGB 226 231 210	#E2E7D2
100.0%	100.0% #EAECD3	RGB 234 236 211	#EAECD3

#CED0CE #D0D4CF #D3D9D0 #D7DED1 #DCE2D1 #E2E7D2 #EAECD3

#CED0CE - #D7DED1 - #EAECD3

CSS codes

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

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