#D1CDD2 - #DEE7E2 | 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 #D1CDD2 to #DEE7E2

#D1CDD2 #DEE7E2

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

#D1CDD2 - #DEE7E2 | 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 #D1CDD2 as 0% and #DEE7E2 as 100%.

0.0%	0.0% #D1CDD2	RGB 209 205 210	#D1CDD2
16.7%	16.7% #D3D1D4	RGB 211 209 212	#D3D1D4
33.3%	33.3% #D5D5D7	RGB 213 213 215	#D5D5D7
50.0%	50.0% #D7DADA	RGB 215 218 218	#D7DADA
66.7%	66.7% #D9DEDC	RGB 217 222 220	#D9DEDC
83.3%	83.3% #DBE2DF	RGB 219 226 223	#DBE2DF
100.0%	100.0% #DEE7E2	RGB 222 231 226	#DEE7E2

#D1CDD2 #D3D1D4 #D5D5D7 #D7DADA #D9DEDC #DBE2DF #DEE7E2

#D1CDD2 - #DEE7E2

HSV Blend

#D1CDD2 - #DEE7E2 | 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 #D1CDD2 as 0% and #DEE7E2 as 100%.

0.0%	0.0% #D1CDD2	RGB 209 205 210	#D1CDD2
16.7%	16.7% #D2CFD5	RGB 210 207 213	#D2CFD5
33.3%	33.3% #D2D2D9	RGB 210 210 217	#D2D2D9
50.0%	50.0% #D5D8DC	RGB 213 216 220	#D5D8DC
66.7%	66.7% #D8DEE0	RGB 216 222 224	#D8DEE0
83.3%	83.3% #DBE3E2	RGB 219 227 226	#DBE3E2
100.0%	100.0% #DEE7E2	RGB 222 231 226	#DEE7E2

#D1CDD2 #D2CFD5 #D2D2D9 #D5D8DC #D8DEE0 #DBE3E2 #DEE7E2

#D1CDD2 - #D5D8DC - #DEE7E2

CSS codes

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

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