#D9DFCA - #E2DCDF | 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 #D9DFCA to #E2DCDF

#D9DFCA #E2DCDF

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

#D9DFCA - #E2DCDF | 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 #D9DFCA as 0% and #E2DCDF as 100%.

0.0%	0.0% #D9DFCA	RGB 217 223 202	#D9DFCA
16.7%	16.7% #DADECD	RGB 218 222 205	#DADECD
33.3%	33.3% #DCDED1	RGB 220 222 209	#DCDED1
50.0%	50.0% #DDDDD4	RGB 221 221 212	#DDDDD4
66.7%	66.7% #DFDDD8	RGB 223 221 216	#DFDDD8
83.3%	83.3% #E0DCDB	RGB 224 220 219	#E0DCDB
100.0%	100.0% #E2DCDF	RGB 226 220 223	#E2DCDF

#D9DFCA #DADECD #DCDED1 #DDDDD4 #DFDDD8 #E0DCDB #E2DCDF

#D9DFCA - #E2DCDF

HSV Blend

#D9DFCA - #E2DCDF | 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 #D9DFCA as 0% and #E2DCDF as 100%.

0.0%	0.0% #D9DFCA	RGB 217 223 202	#D9DFCA
16.7%	16.7% #DFDFCC	RGB 223 223 204	#DFDFCC
33.3%	33.3% #E0DBCF	RGB 224 219 207	#E0DBCF
50.0%	50.0% #E0D8D2	RGB 224 216 210	#E0D8D2
66.7%	66.7% #E1D7D5	RGB 225 215 213	#E1D7D5
83.3%	83.3% #E1D8DA	RGB 225 216 218	#E1D8DA
100.0%	100.0% #E2DCDF	RGB 226 220 223	#E2DCDF

#D9DFCA #DFDFCC #E0DBCF #E0D8D2 #E1D7D5 #E1D8DA #E2DCDF

#D9DFCA - #E0D8D2 - #E2DCDF

CSS codes

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

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