#DDDCD1 - #E7E2E5 | 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 #DDDCD1 to #E7E2E5

#DDDCD1 #E7E2E5

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

#DDDCD1 - #E7E2E5 | 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 #DDDCD1 as 0% and #E7E2E5 as 100%.

0.0%	0.0% #DDDCD1	RGB 221 220 209	#DDDCD1
16.7%	16.7% #DEDDD4	RGB 222 221 212	#DEDDD4
33.3%	33.3% #E0DED7	RGB 224 222 215	#E0DED7
50.0%	50.0% #E2DFDB	RGB 226 223 219	#E2DFDB
66.7%	66.7% #E3E0DE	RGB 227 224 222	#E3E0DE
83.3%	83.3% #E5E1E1	RGB 229 225 225	#E5E1E1
100.0%	100.0% #E7E2E5	RGB 231 226 229	#E7E2E5

#DDDCD1 #DEDDD4 #E0DED7 #E2DFDB #E3E0DE #E5E1E1 #E7E2E5

#DDDCD1 - #E7E2E5

HSV Blend

#DDDCD1 - #E7E2E5 | 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 #DDDCD1 as 0% and #E7E2E5 as 100%.

0.0%	0.0% #DDDCD1	RGB 221 220 209	#DDDCD1
16.7%	16.7% #DEDBD3	RGB 222 219 211	#DEDBD3
33.3%	33.3% #E0DAD6	RGB 224 218 214	#E0DAD6
50.0%	50.0% #E2DAD9	RGB 226 218 217	#E2DAD9
66.7%	66.7% #E3DCDC	RGB 227 220 220	#E3DCDC
83.3%	83.3% #E5DFE1	RGB 229 223 225	#E5DFE1
100.0%	100.0% #E7E2E5	RGB 231 226 229	#E7E2E5

#DDDCD1 #DEDBD3 #E0DAD6 #E2DAD9 #E3DCDC #E5DFE1 #E7E2E5

#DDDCD1 - #E2DAD9 - #E7E2E5

CSS codes

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

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