#D9C8C0 - #A87F6C | 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 #D9C8C0 to #A87F6C

#D9C8C0 #A87F6C

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

#D9C8C0 - #A87F6C | 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 #D9C8C0 as 0% and #A87F6C as 100%.

0.0%	0.0% #D9C8C0	RGB 217 200 192	#D9C8C0
16.7%	16.7% #D0BBB2	RGB 208 187 178	#D0BBB2
33.3%	33.3% #C8AFA4	RGB 200 175 164	#C8AFA4
50.0%	50.0% #C0A396	RGB 192 163 150	#C0A396
66.7%	66.7% #B89788	RGB 184 151 136	#B89788
83.3%	83.3% #B08B7A	RGB 176 139 122	#B08B7A
100.0%	100.0% #A87F6C	RGB 168 127 108	#A87F6C

#D9C8C0 #D0BBB2 #C8AFA4 #C0A396 #B89788 #B08B7A #A87F6C

#D9C8C0 - #A87F6C

HSV Blend

#D9C8C0 - #A87F6C | 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 #D9C8C0 as 0% and #A87F6C as 100%.

0.0%	0.0% #D9C8C0	RGB 217 200 192	#D9C8C0
16.7%	16.7% #D0BAB0	RGB 208 186 176	#D0BAB0
33.3%	33.3% #C8ADA1	RGB 200 173 161	#C8ADA1
50.0%	50.0% #C0A193	RGB 192 161 147	#C0A193
66.7%	66.7% #B89585	RGB 184 149 133	#B89585
83.3%	83.3% #B08A78	RGB 176 138 120	#B08A78
100.0%	100.0% #A87F6C	RGB 168 127 108	#A87F6C

#D9C8C0 #D0BAB0 #C8ADA1 #C0A193 #B89585 #B08A78 #A87F6C

#D9C8C0 - #C0A193 - #A87F6C

CSS codes

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

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