#D4D3CF - #E2DFE7 | 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 #D4D3CF to #E2DFE7

#D4D3CF #E2DFE7

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

#D4D3CF - #E2DFE7 | 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 #D4D3CF as 0% and #E2DFE7 as 100%.

0.0%	0.0% #D4D3CF	RGB 212 211 207	#D4D3CF
16.7%	16.7% #D6D5D3	RGB 214 213 211	#D6D5D3
33.3%	33.3% #D8D7D7	RGB 216 215 215	#D8D7D7
50.0%	50.0% #DBD9DB	RGB 219 217 219	#DBD9DB
66.7%	66.7% #DDDBDF	RGB 221 219 223	#DDDBDF
83.3%	83.3% #DFDDE3	RGB 223 221 227	#DFDDE3
100.0%	100.0% #E2DFE7	RGB 226 223 231	#E2DFE7

#D4D3CF #D6D5D3 #D8D7D7 #DBD9DB #DDDBDF #DFDDE3 #E2DFE7

#D4D3CF - #E2DFE7

HSV Blend

#D4D3CF - #E2DFE7 | 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 #D4D3CF as 0% and #E2DFE7 as 100%.

0.0%	0.0% #D4D3CF	RGB 212 211 207	#D4D3CF
16.7%	16.7% #D7D3D1	RGB 215 211 209	#D7D3D1
33.3%	33.3% #DAD4D4	RGB 218 212 212	#DAD4D4
50.0%	50.0% #DDD7D9	RGB 221 215 217	#DDD7D9
66.7%	66.7% #E0D9DF	RGB 224 217 223	#E0D9DF
83.3%	83.3% #E2DCE3	RGB 226 220 227	#E2DCE3
100.0%	100.0% #E2DFE7	RGB 226 223 231	#E2DFE7

#D4D3CF #D7D3D1 #DAD4D4 #DDD7D9 #E0D9DF #E2DCE3 #E2DFE7

#D4D3CF - #DDD7D9 - #E2DFE7

CSS codes

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

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