#D0C9C4 - #8C7F6C | 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 #D0C9C4 to #8C7F6C

#D0C9C4 #8C7F6C

Calculate the color between two colors, #D0C9C4 and #8C7F6C. 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)

#D0C9C4 - #8C7F6C | 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 #D0C9C4 as 0% and #8C7F6C as 100%.

0.0%	0.0% #D0C9C4	RGB 208 201 196	#D0C9C4
16.7%	16.7% #C4BCB5	RGB 196 188 181	#C4BCB5
33.3%	33.3% #B9B0A6	RGB 185 176 166	#B9B0A6
50.0%	50.0% #AEA498	RGB 174 164 152	#AEA498
66.7%	66.7% #A29789	RGB 162 151 137	#A29789
83.3%	83.3% #978B7A	RGB 151 139 122	#978B7A
100.0%	100.0% #8C7F6C	RGB 140 127 108	#8C7F6C

#D0C9C4 #C4BCB5 #B9B0A6 #AEA498 #A29789 #978B7A #8C7F6C

#D0C9C4 - #8C7F6C

HSV Blend

#D0C9C4 - #8C7F6C | 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 #D0C9C4 as 0% and #8C7F6C as 100%.

0.0%	0.0% #D0C9C4	RGB 208 201 196	#D0C9C4
16.7%	16.7% #C4BBB3	RGB 196 187 179	#C4BBB3
33.3%	33.3% #B9AEA4	RGB 185 174 164	#B9AEA4
50.0%	50.0% #AEA195	RGB 174 161 149	#AEA195
66.7%	66.7% #A29586	RGB 162 149 134	#A29586
83.3%	83.3% #978A79	RGB 151 138 121	#978A79
100.0%	100.0% #8C7F6C	RGB 140 127 108	#8C7F6C

#D0C9C4 #C4BBB3 #B9AEA4 #AEA195 #A29586 #978A79 #8C7F6C

#D0C9C4 - #AEA195 - #8C7F6C

CSS codes

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

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