#ACA784 - #8C8131 | 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 #ACA784 to #8C8131

#ACA784 #8C8131

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

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

0.0%	0.0% #ACA784	RGB 172 167 132	#ACA784
16.7%	16.7% #A6A076	RGB 166 160 118	#A6A076
33.3%	33.3% #A19A68	RGB 161 154 104	#A19A68
50.0%	50.0% #9C945A	RGB 156 148 90	#9C945A
66.7%	66.7% #968D4C	RGB 150 141 76	#968D4C
83.3%	83.3% #91873E	RGB 145 135 62	#91873E
100.0%	100.0% #8C8131	RGB 140 129 49	#8C8131

#ACA784 #A6A076 #A19A68 #9C945A #968D4C #91873E #8C8131

#ACA784 - #8C8131

HSV Blend

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

0.0%	0.0% #ACA784	RGB 172 167 132	#ACA784
16.7%	16.7% #A6A074	RGB 166 160 116	#A6A074
33.3%	33.3% #A19965	RGB 161 153 101	#A19965
50.0%	50.0% #9C9357	RGB 156 147 87	#9C9357
66.7%	66.7% #968D49	RGB 150 141 73	#968D49
83.3%	83.3% #91873C	RGB 145 135 60	#91873C
100.0%	100.0% #8C8131	RGB 140 129 49	#8C8131

#ACA784 #A6A074 #A19965 #9C9357 #968D49 #91873C #8C8131

#ACA784 - #9C9357 - #8C8131

CSS codes

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

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