#D9CCC8 - #DEDEE4 | 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 #D9CCC8 to #DEDEE4

#D9CCC8 #DEDEE4

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

#D9CCC8 - #DEDEE4 | 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 #D9CCC8 as 0% and #DEDEE4 as 100%.

0.0%	0.0% #D9CCC8	RGB 217 204 200	#D9CCC8
16.7%	16.7% #D9CFCC	RGB 217 207 204	#D9CFCC
33.3%	33.3% #DAD2D1	RGB 218 210 209	#DAD2D1
50.0%	50.0% #DBD5D6	RGB 219 213 214	#DBD5D6
66.7%	66.7% #DCD8DA	RGB 220 216 218	#DCD8DA
83.3%	83.3% #DDDBDF	RGB 221 219 223	#DDDBDF
100.0%	100.0% #DEDEE4	RGB 222 222 228	#DEDEE4

#D9CCC8 #D9CFCC #DAD2D1 #DBD5D6 #DCD8DA #DDDBDF #DEDEE4

#D9CCC8 - #DEDEE4

HSV Blend

#D9CCC8 - #DEDEE4 | 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 #D9CCC8 as 0% and #DEDEE4 as 100%.

0.0%	0.0% #D9CCC8	RGB 217 204 200	#D9CCC8
16.7%	16.7% #DACBCD	RGB 218 203 205	#DACBCD
33.3%	33.3% #DCCFD6	RGB 220 207 214	#DCCFD6
50.0%	50.0% #DED2DD	RGB 222 210 221	#DED2DD
66.7%	66.7% #DDD6E0	RGB 221 214 224	#DDD6E0
83.3%	83.3% #DDDAE2	RGB 221 218 226	#DDDAE2
100.0%	100.0% #DEDEE4	RGB 222 222 228	#DEDEE4

#D9CCC8 #DACBCD #DCCFD6 #DED2DD #DDD6E0 #DDDAE2 #DEDEE4

#D9CCC8 - #DED2DD - #DEDEE4

CSS codes

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

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