#D9C0B2 - #D9D4D8 | 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 #D9C0B2 to #D9D4D8

#D9C0B2 #D9D4D8

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

#D9C0B2 - #D9D4D8 | 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 #D9C0B2 as 0% and #D9D4D8 as 100%.

0.0%	0.0% #D9C0B2	RGB 217 192 178	#D9C0B2
16.7%	16.7% #D9C3B8	RGB 217 195 184	#D9C3B8
33.3%	33.3% #D9C6BE	RGB 217 198 190	#D9C6BE
50.0%	50.0% #D9CAC5	RGB 217 202 197	#D9CAC5
66.7%	66.7% #D9CDCB	RGB 217 205 203	#D9CDCB
83.3%	83.3% #D9D0D1	RGB 217 208 209	#D9D0D1
100.0%	100.0% #D9D4D8	RGB 217 212 216	#D9D4D8

#D9C0B2 #D9C3B8 #D9C6BE #D9CAC5 #D9CDCB #D9D0D1 #D9D4D8

#D9C0B2 - #D9D4D8

HSV Blend

#D9C0B2 - #D9D4D8 | 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 #D9C0B2 as 0% and #D9D4D8 as 100%.

0.0%	0.0% #D9C0B2	RGB 217 192 178	#D9C0B2
16.7%	16.7% #D9BDB7	RGB 217 189 183	#D9BDB7
33.3%	33.3% #D9BDBE	RGB 217 189 190	#D9BDBE
50.0%	50.0% #D9C3C7	RGB 217 195 199	#D9C3C7
66.7%	66.7% #D9C8CF	RGB 217 200 207	#D9C8CF
83.3%	83.3% #D9CED4	RGB 217 206 212	#D9CED4
100.0%	100.0% #D9D4D8	RGB 217 212 216	#D9D4D8

#D9C0B2 #D9BDB7 #D9BDBE #D9C3C7 #D9C8CF #D9CED4 #D9D4D8

#D9C0B2 - #D9C3C7 - #D9D4D8

CSS codes

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

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