#ACAB6B - #31301E | 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 #ACAB6B to #31301E

#ACAB6B #31301E

Calculate the color between two colors, #ACAB6B and #31301E. 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)

#ACAB6B - #31301E | 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 #ACAB6B as 0% and #31301E as 100%.

0.0%	0.0% #ACAB6B	RGB 172 171 107	#ACAB6B
16.7%	16.7% #97965E	RGB 151 150 94	#97965E
33.3%	33.3% #838251	RGB 131 130 81	#838251
50.0%	50.0% #6E6D44	RGB 110 109 68	#6E6D44
66.7%	66.7% #5A5937	RGB 90 89 55	#5A5937
83.3%	83.3% #45442A	RGB 69 68 42	#45442A
100.0%	100.0% #31301E	RGB 49 48 30	#31301E

#ACAB6B #97965E #838251 #6E6D44 #5A5937 #45442A #31301E

#ACAB6B - #31301E

HSV Blend

#ACAB6B - #31301E | 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 #ACAB6B as 0% and #31301E as 100%.

0.0%	0.0% #ACAB6B	RGB 172 171 107	#ACAB6B
16.7%	16.7% #97965D	RGB 151 150 93	#97965D
33.3%	33.3% #838151	RGB 131 129 81	#838151
50.0%	50.0% #6E6D44	RGB 110 109 68	#6E6D44
66.7%	66.7% #5A5837	RGB 90 88 55	#5A5837
83.3%	83.3% #45442A	RGB 69 68 42	#45442A
100.0%	100.0% #31301E	RGB 49 48 30	#31301E

#ACAB6B #97965D #838151 #6E6D44 #5A5837 #45442A #31301E

#ACAB6B - #6E6D44 - #31301E

CSS codes

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

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