#D9C3C9 - #A8707F | 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 #D9C3C9 to #A8707F

#D9C3C9 #A8707F

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

#D9C3C9 - #A8707F | 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 #D9C3C9 as 0% and #A8707F as 100%.

0.0%	0.0% #D9C3C9	RGB 217 195 201	#D9C3C9
16.7%	16.7% #D0B5BC	RGB 208 181 188	#D0B5BC
33.3%	33.3% #C8A7B0	RGB 200 167 176	#C8A7B0
50.0%	50.0% #C099A4	RGB 192 153 164	#C099A4
66.7%	66.7% #B88B97	RGB 184 139 151	#B88B97
83.3%	83.3% #B07D8B	RGB 176 125 139	#B07D8B
100.0%	100.0% #A8707F	RGB 168 112 127	#A8707F

#D9C3C9 #D0B5BC #C8A7B0 #C099A4 #B88B97 #B07D8B #A8707F

#D9C3C9 - #A8707F

HSV Blend

#D9C3C9 - #A8707F | 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 #D9C3C9 as 0% and #A8707F as 100%.

0.0%	0.0% #D9C3C9	RGB 217 195 201	#D9C3C9
16.7%	16.7% #D0B3BB	RGB 208 179 187	#D0B3BB
33.3%	33.3% #C8A4AE	RGB 200 164 174	#C8A4AE
50.0%	50.0% #C096A1	RGB 192 150 161	#C096A1
66.7%	66.7% #B88995	RGB 184 137 149	#B88995
83.3%	83.3% #B07C8A	RGB 176 124 138	#B07C8A
100.0%	100.0% #A8707F	RGB 168 112 127	#A8707F

#D9C3C9 #D0B3BB #C8A4AE #C096A1 #B88995 #B07C8A #A8707F

#D9C3C9 - #C096A1 - #A8707F

CSS codes

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

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