#AC8F8C - #312928 | 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 #AC8F8C to #312928

#AC8F8C #312928

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

#AC8F8C - #312928 | 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 #AC8F8C as 0% and #312928 as 100%.

0.0%	0.0% #AC8F8C	RGB 172 143 140	#AC8F8C
16.7%	16.7% #977E7B	RGB 151 126 123	#977E7B
33.3%	33.3% #836D6A	RGB 131 109 106	#836D6A
50.0%	50.0% #6E5C5A	RGB 110 92 90	#6E5C5A
66.7%	66.7% #5A4B49	RGB 90 75 73	#5A4B49
83.3%	83.3% #453A38	RGB 69 58 56	#453A38
100.0%	100.0% #312928	RGB 49 41 40	#312928

#AC8F8C #977E7B #836D6A #6E5C5A #5A4B49 #453A38 #312928

#AC8F8C - #312928

HSV Blend

#AC8F8C - #312928 | 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 #AC8F8C as 0% and #312928 as 100%.

0.0%	0.0% #AC8F8C	RGB 172 143 140	#AC8F8C
16.7%	16.7% #977E7B	RGB 151 126 123	#977E7B
33.3%	33.3% #836D6A	RGB 131 109 106	#836D6A
50.0%	50.0% #6E5C5A	RGB 110 92 90	#6E5C5A
66.7%	66.7% #5A4B49	RGB 90 75 73	#5A4B49
83.3%	83.3% #453A38	RGB 69 58 56	#453A38
100.0%	100.0% #312928	RGB 49 41 40	#312928

#AC8F8C #977E7B #836D6A #6E5C5A #5A4B49 #453A38 #312928

#AC8F8C - #6E5C5A - #312928

CSS codes

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

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