#D4C8C8 - #DBE2E5 | 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 #D4C8C8 to #DBE2E5

#D4C8C8 #DBE2E5

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

#D4C8C8 - #DBE2E5 | 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 #D4C8C8 as 0% and #DBE2E5 as 100%.

0.0%	0.0% #D4C8C8	RGB 212 200 200	#D4C8C8
16.7%	16.7% #D5CCCC	RGB 213 204 204	#D5CCCC
33.3%	33.3% #D6D0D1	RGB 214 208 209	#D6D0D1
50.0%	50.0% #D7D5D6	RGB 215 213 214	#D7D5D6
66.7%	66.7% #D8D9DB	RGB 216 217 219	#D8D9DB
83.3%	83.3% #D9DDE0	RGB 217 221 224	#D9DDE0
100.0%	100.0% #DBE2E5	RGB 219 226 229	#DBE2E5

#D4C8C8 #D5CCCC #D6D0D1 #D7D5D6 #D8D9DB #D9DDE0 #DBE2E5

#D4C8C8 - #DBE2E5

HSV Blend

#D4C8C8 - #DBE2E5 | 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 #D4C8C8 as 0% and #DBE2E5 as 100%.

0.0%	0.0% #D4C8C8	RGB 212 200 200	#D4C8C8
16.7%	16.7% #D6CBD0	RGB 214 203 208	#D6CBD0
33.3%	33.3% #D9CED8	RGB 217 206 216	#D9CED8
50.0%	50.0% #D8D1DC	RGB 216 209 220	#D8D1DC
66.7%	66.7% #D6D4DF	RGB 214 212 223	#D6D4DF
83.3%	83.3% #D7DAE2	RGB 215 218 226	#D7DAE2
100.0%	100.0% #DBE2E5	RGB 219 226 229	#DBE2E5

#D4C8C8 #D6CBD0 #D9CED8 #D8D1DC #D6D4DF #D7DAE2 #DBE2E5

#D4C8C8 - #D8D1DC - #DBE2E5

CSS codes

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

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