#DDCED5 - #E1E3E6 | 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 #DDCED5 to #E1E3E6

#DDCED5 #E1E3E6

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

#DDCED5 - #E1E3E6 | 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 #DDCED5 as 0% and #E1E3E6 as 100%.

0.0%	0.0% #DDCED5	RGB 221 206 213	#DDCED5
16.7%	16.7% #DDD1D7	RGB 221 209 215	#DDD1D7
33.3%	33.3% #DED5DA	RGB 222 213 218	#DED5DA
50.0%	50.0% #DFD8DD	RGB 223 216 221	#DFD8DD
66.7%	66.7% #DFDCE0	RGB 223 220 224	#DFDCE0
83.3%	83.3% #E0DFE3	RGB 224 223 227	#E0DFE3
100.0%	100.0% #E1E3E6	RGB 225 227 230	#E1E3E6

#DDCED5 #DDD1D7 #DED5DA #DFD8DD #DFDCE0 #E0DFE3 #E1E3E6

#DDCED5 - #E1E3E6

HSV Blend

#DDCED5 - #E1E3E6 | 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 #DDCED5 as 0% and #E1E3E6 as 100%.

0.0%	0.0% #DDCED5	RGB 221 206 213	#DDCED5
16.7%	16.7% #DED1DB	RGB 222 209 219	#DED1DB
33.3%	33.3% #DED4E0	RGB 222 212 224	#DED4E0
50.0%	50.0% #DDD7E1	RGB 221 215 225	#DDD7E1
66.7%	66.7% #DCDAE3	RGB 220 218 227	#DCDAE3
83.3%	83.3% #DDDEE4	RGB 221 222 228	#DDDEE4
100.0%	100.0% #E1E3E6	RGB 225 227 230	#E1E3E6

#DDCED5 #DED1DB #DED4E0 #DDD7E1 #DCDAE3 #DDDEE4 #E1E3E6

#DDCED5 - #DDD7E1 - #E1E3E6

CSS codes

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

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