#A8AA5D - #69711A | 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 #A8AA5D to #69711A

#A8AA5D #69711A

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

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

0.0%	0.0% #A8AA5D	RGB 168 170 93	#A8AA5D
16.7%	16.7% #9DA051	RGB 157 160 81	#9DA051
33.3%	33.3% #939746	RGB 147 151 70	#939746
50.0%	50.0% #888D3B	RGB 136 141 59	#888D3B
66.7%	66.7% #7E8430	RGB 126 132 48	#7E8430
83.3%	83.3% #737A25	RGB 115 122 37	#737A25
100.0%	100.0% #69711A	RGB 105 113 26	#69711A

#A8AA5D #9DA051 #939746 #888D3B #7E8430 #737A25 #69711A

#A8AA5D - #69711A

HSV Blend

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

0.0%	0.0% #A8AA5D	RGB 168 170 93	#A8AA5D
16.7%	16.7% #9DA04F	RGB 157 160 79	#9DA04F
33.3%	33.3% #929742	RGB 146 151 66	#929742
50.0%	50.0% #888D36	RGB 136 141 54	#888D36
66.7%	66.7% #7D842C	RGB 125 132 44	#7D842C
83.3%	83.3% #737A22	RGB 115 122 34	#737A22
100.0%	100.0% #69711A	RGB 105 113 26	#69711A

#A8AA5D #9DA04F #929742 #888D36 #7D842C #737A22 #69711A

#A8AA5D - #888D36 - #69711A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AA5D 0%, #888D36 50%, #69711A 100%);
    background: -webkit-linear-gradient(top, #A8AA5D 0%, #888D36 50%, #69711A 100%);
    background: linear-gradient(to bottom, #A8AA5D 0%, #888D36 50%, #69711A 100%);
}
</style>