#D6DACC - #E4DEE5 | 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 #D6DACC to #E4DEE5

#D6DACC #E4DEE5

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

#D6DACC - #E4DEE5 | 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 #D6DACC as 0% and #E4DEE5 as 100%.

0.0%	0.0% #D6DACC	RGB 214 218 204	#D6DACC
16.7%	16.7% #D8DAD0	RGB 216 218 208	#D8DAD0
33.3%	33.3% #DADBD4	RGB 218 219 212	#DADBD4
50.0%	50.0% #DDDCD8	RGB 221 220 216	#DDDCD8
66.7%	66.7% #DFDCDC	RGB 223 220 220	#DFDCDC
83.3%	83.3% #E1DDE0	RGB 225 221 224	#E1DDE0
100.0%	100.0% #E4DEE5	RGB 228 222 229	#E4DEE5

#D6DACC #D8DAD0 #DADBD4 #DDDCD8 #DFDCDC #E1DDE0 #E4DEE5

#D6DACC - #E4DEE5

HSV Blend

#D6DACC - #E4DEE5 | 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 #D6DACC as 0% and #E4DEE5 as 100%.

0.0%	0.0% #D6DACC	RGB 214 218 204	#D6DACC
16.7%	16.7% #DBDACE	RGB 219 218 206	#DBDACE
33.3%	33.3% #DDD7D1	RGB 221 215 209	#DDD7D1
50.0%	50.0% #DFD5D4	RGB 223 213 212	#DFD5D4
66.7%	66.7% #E1D7DB	RGB 225 215 219	#E1D7DB
83.3%	83.3% #E3DAE1	RGB 227 218 225	#E3DAE1
100.0%	100.0% #E4DEE5	RGB 228 222 229	#E4DEE5

#D6DACC #DBDACE #DDD7D1 #DFD5D4 #E1D7DB #E3DAE1 #E4DEE5

#D6DACC - #DFD5D4 - #E4DEE5

CSS codes

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

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