#AC9A8B - #312C27 | 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 #AC9A8B to #312C27

#AC9A8B #312C27

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

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

0.0%	0.0% #AC9A8B	RGB 172 154 139	#AC9A8B
16.7%	16.7% #97877A	RGB 151 135 122	#97877A
33.3%	33.3% #837569	RGB 131 117 105	#837569
50.0%	50.0% #6E6359	RGB 110 99 89	#6E6359
66.7%	66.7% #5A5048	RGB 90 80 72	#5A5048
83.3%	83.3% #453E37	RGB 69 62 55	#453E37
100.0%	100.0% #312C27	RGB 49 44 39	#312C27

#AC9A8B #97877A #837569 #6E6359 #5A5048 #453E37 #312C27

#AC9A8B - #312C27

HSV Blend

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

0.0%	0.0% #AC9A8B	RGB 172 154 139	#AC9A8B
16.7%	16.7% #97877A	RGB 151 135 122	#97877A
33.3%	33.3% #837569	RGB 131 117 105	#837569
50.0%	50.0% #6E6358	RGB 110 99 88	#6E6358
66.7%	66.7% #5A5047	RGB 90 80 71	#5A5047
83.3%	83.3% #453E37	RGB 69 62 55	#453E37
100.0%	100.0% #312C27	RGB 49 44 39	#312C27

#AC9A8B #97877A #837569 #6E6358 #5A5047 #453E37 #312C27

#AC9A8B - #6E6358 - #312C27

CSS codes

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

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