#DDCED1 - #E3E3E7 | 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 #DDCED1 to #E3E3E7

#DDCED1 #E3E3E7

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

#DDCED1 - #E3E3E7 | 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 #DDCED1 as 0% and #E3E3E7 as 100%.

0.0%	0.0% #DDCED1	RGB 221 206 209	#DDCED1
16.7%	16.7% #DED1D4	RGB 222 209 212	#DED1D4
33.3%	33.3% #DFD5D8	RGB 223 213 216	#DFD5D8
50.0%	50.0% #E0D8DC	RGB 224 216 220	#E0D8DC
66.7%	66.7% #E1DCDF	RGB 225 220 223	#E1DCDF
83.3%	83.3% #E2DFE3	RGB 226 223 227	#E2DFE3
100.0%	100.0% #E3E3E7	RGB 227 227 231	#E3E3E7

#DDCED1 #DED1D4 #DFD5D8 #E0D8DC #E1DCDF #E2DFE3 #E3E3E7

#DDCED1 - #E3E3E7

HSV Blend

#DDCED1 - #E3E3E7 | 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 #DDCED1 as 0% and #E3E3E7 as 100%.

0.0%	0.0% #DDCED1	RGB 221 206 209	#DDCED1
16.7%	16.7% #DED1D8	RGB 222 209 216	#DED1D8
33.3%	33.3% #E0D4DE	RGB 224 212 222	#E0D4DE
50.0%	50.0% #E1D8E2	RGB 225 216 226	#E1D8E2
66.7%	66.7% #E0DBE3	RGB 224 219 227	#E0DBE3
83.3%	83.3% #E1DFE5	RGB 225 223 229	#E1DFE5
100.0%	100.0% #E3E3E7	RGB 227 227 231	#E3E3E7

#DDCED1 #DED1D8 #E0D4DE #E1D8E2 #E0DBE3 #E1DFE5 #E3E3E7

#DDCED1 - #E1D8E2 - #E3E3E7

CSS codes

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

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