#D9C8D6 - #DEE4E2 | 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 #D9C8D6 to #DEE4E2

#D9C8D6 #DEE4E2

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

#D9C8D6 - #DEE4E2 | 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 #D9C8D6 as 0% and #DEE4E2 as 100%.

0.0%	0.0% #D9C8D6	RGB 217 200 214	#D9C8D6
16.7%	16.7% #D9CCD8	RGB 217 204 216	#D9CCD8
33.3%	33.3% #DAD1DA	RGB 218 209 218	#DAD1DA
50.0%	50.0% #DBD6DC	RGB 219 214 220	#DBD6DC
66.7%	66.7% #DCDADE	RGB 220 218 222	#DCDADE
83.3%	83.3% #DDDFE0	RGB 221 223 224	#DDDFE0
100.0%	100.0% #DEE4E2	RGB 222 228 226	#DEE4E2

#D9C8D6 #D9CCD8 #DAD1DA #DBD6DC #DCDADE #DDDFE0 #DEE4E2

#D9C8D6 - #DEE4E2

HSV Blend

#D9C8D6 - #DEE4E2 | 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 #D9C8D6 as 0% and #DEE4E2 as 100%.

0.0%	0.0% #D9C8D6	RGB 217 200 214	#D9C8D6
16.7%	16.7% #D7CBDA	RGB 215 203 218	#D7CBDA
33.3%	33.3% #D3CFDC	RGB 211 207 220	#D3CFDC
50.0%	50.0% #D2D3DE	RGB 210 211 222	#D2D3DE
66.7%	66.7% #D6DBE0	RGB 214 219 224	#D6DBE0
83.3%	83.3% #DAE1E2	RGB 218 225 226	#DAE1E2
100.0%	100.0% #DEE4E2	RGB 222 228 226	#DEE4E2

#D9C8D6 #D7CBDA #D3CFDC #D2D3DE #D6DBE0 #DAE1E2 #DEE4E2

#D9C8D6 - #D2D3DE - #DEE4E2

CSS codes

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

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