#D9C8CC - #DEE2E4 | 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 #D9C8CC to #DEE2E4

#D9C8CC #DEE2E4

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

#D9C8CC - #DEE2E4 | 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 #D9C8CC as 0% and #DEE2E4 as 100%.

0.0%	0.0% #D9C8CC	RGB 217 200 204	#D9C8CC
16.7%	16.7% #D9CCD0	RGB 217 204 208	#D9CCD0
33.3%	33.3% #DAD0D4	RGB 218 208 212	#DAD0D4
50.0%	50.0% #DBD5D8	RGB 219 213 216	#DBD5D8
66.7%	66.7% #DCD9DC	RGB 220 217 220	#DCD9DC
83.3%	83.3% #DDDDE0	RGB 221 221 224	#DDDDE0
100.0%	100.0% #DEE2E4	RGB 222 226 228	#DEE2E4

#D9C8CC #D9CCD0 #DAD0D4 #DBD5D8 #DCD9DC #DDDDE0 #DEE2E4

#D9C8CC - #DEE2E4

HSV Blend

#D9C8CC - #DEE2E4 | 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 #D9C8CC as 0% and #DEE2E4 as 100%.

0.0%	0.0% #D9C8CC	RGB 217 200 204	#D9C8CC
16.7%	16.7% #DACBD5	RGB 218 203 213	#DACBD5
33.3%	33.3% #DCCFDC	RGB 220 207 220	#DCCFDC
50.0%	50.0% #D9D2DE	RGB 217 210 222	#D9D2DE
66.7%	66.7% #D7D6E0	RGB 215 214 224	#D7D6E0
83.3%	83.3% #DADCE2	RGB 218 220 226	#DADCE2
100.0%	100.0% #DEE2E4	RGB 222 226 228	#DEE2E4

#D9C8CC #DACBD5 #DCCFDC #D9D2DE #D7D6E0 #DADCE2 #DEE2E4

#D9C8CC - #D9D2DE - #DEE2E4

CSS codes

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

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