#D9DAD7 - #E2DDE6 | 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 #D9DAD7 to #E2DDE6

#D9DAD7 #E2DDE6

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

#D9DAD7 - #E2DDE6 | 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 #D9DAD7 as 0% and #E2DDE6 as 100%.

0.0%	0.0% #D9DAD7	RGB 217 218 215	#D9DAD7
16.7%	16.7% #DADAD9	RGB 218 218 217	#DADAD9
33.3%	33.3% #DCDBDC	RGB 220 219 220	#DCDBDC
50.0%	50.0% #DDDBDE	RGB 221 219 222	#DDDBDE
66.7%	66.7% #DFDCE1	RGB 223 220 225	#DFDCE1
83.3%	83.3% #E0DCE3	RGB 224 220 227	#E0DCE3
100.0%	100.0% #E2DDE6	RGB 226 221 230	#E2DDE6

#D9DAD7 #DADAD9 #DCDBDC #DDDBDE #DFDCE1 #E0DCE3 #E2DDE6

#D9DAD7 - #E2DDE6

HSV Blend

#D9DAD7 - #E2DDE6 | 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 #D9DAD7 as 0% and #E2DDE6 as 100%.

0.0%	0.0% #D9DAD7	RGB 217 218 215	#D9DAD7
16.7%	16.7% #DCDBD8	RGB 220 219 216	#DCDBD8
33.3%	33.3% #DEDBD9	RGB 222 219 217	#DEDBD9
50.0%	50.0% #E0DADA	RGB 224 218 218	#E0DADA
66.7%	66.7% #E2DBDE	RGB 226 219 222	#E2DBDE
83.3%	83.3% #E4DCE3	RGB 228 220 227	#E4DCE3
100.0%	100.0% #E2DDE6	RGB 226 221 230	#E2DDE6

#D9DAD7 #DCDBD8 #DEDBD9 #E0DADA #E2DBDE #E4DCE3 #E2DDE6

#D9DAD7 - #E0DADA - #E2DDE6

CSS codes

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

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