#AC9C8C - #312C28 | 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 #AC9C8C to #312C28

#AC9C8C #312C28

Calculate the color between two colors, #AC9C8C and #312C28. 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)

#AC9C8C - #312C28 | 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 #AC9C8C as 0% and #312C28 as 100%.

0.0%	0.0% #AC9C8C	RGB 172 156 140	#AC9C8C
16.7%	16.7% #97897B	RGB 151 137 123	#97897B
33.3%	33.3% #83766A	RGB 131 118 106	#83766A
50.0%	50.0% #6E645A	RGB 110 100 90	#6E645A
66.7%	66.7% #5A5149	RGB 90 81 73	#5A5149
83.3%	83.3% #453E38	RGB 69 62 56	#453E38
100.0%	100.0% #312C28	RGB 49 44 40	#312C28

#AC9C8C #97897B #83766A #6E645A #5A5149 #453E38 #312C28

#AC9C8C - #312C28

HSV Blend

#AC9C8C - #312C28 | 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 #AC9C8C as 0% and #312C28 as 100%.

0.0%	0.0% #AC9C8C	RGB 172 156 140	#AC9C8C
16.7%	16.7% #97897B	RGB 151 137 123	#97897B
33.3%	33.3% #83766A	RGB 131 118 106	#83766A
50.0%	50.0% #6E635A	RGB 110 99 90	#6E635A
66.7%	66.7% #5A5149	RGB 90 81 73	#5A5149
83.3%	83.3% #453E38	RGB 69 62 56	#453E38
100.0%	100.0% #312C28	RGB 49 44 40	#312C28

#AC9C8C #97897B #83766A #6E635A #5A5149 #453E38 #312C28

#AC9C8C - #6E635A - #312C28

CSS codes

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

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