#D0CAC4 - #8C7F6D | 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 #D0CAC4 to #8C7F6D

#D0CAC4 #8C7F6D

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

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

0.0%	0.0% #D0CAC4	RGB 208 202 196	#D0CAC4
16.7%	16.7% #C4BDB5	RGB 196 189 181	#C4BDB5
33.3%	33.3% #B9B1A7	RGB 185 177 167	#B9B1A7
50.0%	50.0% #AEA498	RGB 174 164 152	#AEA498
66.7%	66.7% #A2988A	RGB 162 152 138	#A2988A
83.3%	83.3% #978B7B	RGB 151 139 123	#978B7B
100.0%	100.0% #8C7F6D	RGB 140 127 109	#8C7F6D

#D0CAC4 #C4BDB5 #B9B1A7 #AEA498 #A2988A #978B7B #8C7F6D

#D0CAC4 - #8C7F6D

HSV Blend

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

0.0%	0.0% #D0CAC4	RGB 208 202 196	#D0CAC4
16.7%	16.7% #C4BCB3	RGB 196 188 179	#C4BCB3
33.3%	33.3% #B9AFA4	RGB 185 175 164	#B9AFA4
50.0%	50.0% #AEA295	RGB 174 162 149	#AEA295
66.7%	66.7% #A29687	RGB 162 150 135	#A29687
83.3%	83.3% #978A79	RGB 151 138 121	#978A79
100.0%	100.0% #8C7F6D	RGB 140 127 109	#8C7F6D

#D0CAC4 #C4BCB3 #B9AFA4 #AEA295 #A29687 #978A79 #8C7F6D

#D0CAC4 - #AEA295 - #8C7F6D

CSS codes

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

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