#A6A28C - #8A8D37 | 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 #A6A28C to #8A8D37

#A6A28C #8A8D37

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

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

0.0%	0.0% #A6A28C	RGB 166 162 140	#A6A28C
16.7%	16.7% #A19E7D	RGB 161 158 125	#A19E7D
33.3%	33.3% #9C9B6F	RGB 156 155 111	#9C9B6F
50.0%	50.0% #989761	RGB 152 151 97	#989761
66.7%	66.7% #939453	RGB 147 148 83	#939453
83.3%	83.3% #8E9045	RGB 142 144 69	#8E9045
100.0%	100.0% #8A8D37	RGB 138 141 55	#8A8D37

#A6A28C #A19E7D #9C9B6F #989761 #939453 #8E9045 #8A8D37

#A6A28C - #8A8D37

HSV Blend

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

0.0%	0.0% #A6A28C	RGB 166 162 140	#A6A28C
16.7%	16.7% #A19D7C	RGB 161 157 124	#A19D7C
33.3%	33.3% #9D996D	RGB 157 153 109	#9D996D
50.0%	50.0% #99965E	RGB 153 150 94	#99965E
66.7%	66.7% #959350	RGB 149 147 80	#959350
83.3%	83.3% #909143	RGB 144 145 67	#909143
100.0%	100.0% #8A8D37	RGB 138 141 55	#8A8D37

#A6A28C #A19D7C #9D996D #99965E #959350 #909143 #8A8D37

#A6A28C - #99965E - #8A8D37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6A28C 0%, #99965E 50%, #8A8D37 100%);
    background: -webkit-linear-gradient(top, #A6A28C 0%, #99965E 50%, #8A8D37 100%);
    background: linear-gradient(to bottom, #A6A28C 0%, #99965E 50%, #8A8D37 100%);
}
</style>