#A6A094 - #8C7C3E | 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 #A6A094 to #8C7C3E

#A6A094 #8C7C3E

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

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

0.0%	0.0% #A6A094	RGB 166 160 148	#A6A094
16.7%	16.7% #A19A85	RGB 161 154 133	#A19A85
33.3%	33.3% #9D9477	RGB 157 148 119	#9D9477
50.0%	50.0% #998E69	RGB 153 142 105	#998E69
66.7%	66.7% #94885A	RGB 148 136 90	#94885A
83.3%	83.3% #90824C	RGB 144 130 76	#90824C
100.0%	100.0% #8C7C3E	RGB 140 124 62	#8C7C3E

#A6A094 #A19A85 #9D9477 #998E69 #94885A #90824C #8C7C3E

#A6A094 - #8C7C3E

HSV Blend

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

0.0%	0.0% #A6A094	RGB 166 160 148	#A6A094
16.7%	16.7% #A19884	RGB 161 152 132	#A19884
33.3%	33.3% #9D9174	RGB 157 145 116	#9D9174
50.0%	50.0% #998B66	RGB 153 139 102	#998B66
66.7%	66.7% #948558	RGB 148 133 88	#948558
83.3%	83.3% #90804A	RGB 144 128 74	#90804A
100.0%	100.0% #8C7C3E	RGB 140 124 62	#8C7C3E

#A6A094 #A19884 #9D9174 #998B66 #948558 #90804A #8C7C3E

#A6A094 - #998B66 - #8C7C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6A094 0%, #998B66 50%, #8C7C3E 100%);
    background: -webkit-linear-gradient(top, #A6A094 0%, #998B66 50%, #8C7C3E 100%);
    background: linear-gradient(to bottom, #A6A094 0%, #998B66 50%, #8C7C3E 100%);
}
</style>