#A6AA5E - #67721A | 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 #A6AA5E to #67721A

#A6AA5E #67721A

Calculate the color between two colors, #A6AA5E and #67721A. 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)

#A6AA5E - #67721A | 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 #A6AA5E as 0% and #67721A as 100%.

0.0%	0.0% #A6AA5E	RGB 166 170 94	#A6AA5E
16.7%	16.7% #9BA052	RGB 155 160 82	#9BA052
33.3%	33.3% #919747	RGB 145 151 71	#919747
50.0%	50.0% #868E3C	RGB 134 142 60	#868E3C
66.7%	66.7% #7C8430	RGB 124 132 48	#7C8430
83.3%	83.3% #717B25	RGB 113 123 37	#717B25
100.0%	100.0% #67721A	RGB 103 114 26	#67721A

#A6AA5E #9BA052 #919747 #868E3C #7C8430 #717B25 #67721A

#A6AA5E - #67721A

HSV Blend

#A6AA5E - #67721A | 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 #A6AA5E as 0% and #67721A as 100%.

0.0%	0.0% #A6AA5E	RGB 166 170 94	#A6AA5E
16.7%	16.7% #9BA050	RGB 155 160 80	#9BA050
33.3%	33.3% #909743	RGB 144 151 67	#909743
50.0%	50.0% #868E37	RGB 134 142 55	#868E37
66.7%	66.7% #7B842C	RGB 123 132 44	#7B842C
83.3%	83.3% #717B22	RGB 113 123 34	#717B22
100.0%	100.0% #67721A	RGB 103 114 26	#67721A

#A6AA5E #9BA050 #909743 #868E37 #7B842C #717B22 #67721A

#A6AA5E - #868E37 - #67721A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6AA5E 0%, #868E37 50%, #67721A 100%);
    background: -webkit-linear-gradient(top, #A6AA5E 0%, #868E37 50%, #67721A 100%);
    background: linear-gradient(to bottom, #A6AA5E 0%, #868E37 50%, #67721A 100%);
}
</style>