#A8A06B - #7E6722 | 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 #A8A06B to #7E6722

#A8A06B #7E6722

Calculate the color between two colors, #A8A06B and #7E6722. 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)

#A8A06B - #7E6722 | 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 #A8A06B as 0% and #7E6722 as 100%.

0.0%	0.0% #A8A06B	RGB 168 160 107	#A8A06B
16.7%	16.7% #A1965E	RGB 161 150 94	#A1965E
33.3%	33.3% #9A8D52	RGB 154 141 82	#9A8D52
50.0%	50.0% #938346	RGB 147 131 70	#938346
66.7%	66.7% #8C7A3A	RGB 140 122 58	#8C7A3A
83.3%	83.3% #85702E	RGB 133 112 46	#85702E
100.0%	100.0% #7E6722	RGB 126 103 34	#7E6722

#A8A06B #A1965E #9A8D52 #938346 #8C7A3A #85702E #7E6722

#A8A06B - #7E6722

HSV Blend

#A8A06B - #7E6722 | 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 #A8A06B as 0% and #7E6722 as 100%.

0.0%	0.0% #A8A06B	RGB 168 160 107	#A8A06B
16.7%	16.7% #A1965C	RGB 161 150 92	#A1965C
33.3%	33.3% #9A8D4F	RGB 154 141 79	#9A8D4F
50.0%	50.0% #938342	RGB 147 131 66	#938342
66.7%	66.7% #8C7A36	RGB 140 122 54	#8C7A36
83.3%	83.3% #85702C	RGB 133 112 44	#85702C
100.0%	100.0% #7E6722	RGB 126 103 34	#7E6722

#A8A06B #A1965C #9A8D4F #938342 #8C7A36 #85702C #7E6722

#A8A06B - #938342 - #7E6722

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A06B 0%, #938342 50%, #7E6722 100%);
    background: -webkit-linear-gradient(top, #A8A06B 0%, #938342 50%, #7E6722 100%);
    background: linear-gradient(to bottom, #A8A06B 0%, #938342 50%, #7E6722 100%);
}
</style>