#A8AA5A - #697118 | 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 #A8AA5A to #697118

#A8AA5A #697118

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

#A8AA5A - #697118 | 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 #A8AA5A as 0% and #697118 as 100%.

0.0%	0.0% #A8AA5A	RGB 168 170 90	#A8AA5A
16.7%	16.7% #9DA04F	RGB 157 160 79	#9DA04F
33.3%	33.3% #939744	RGB 147 151 68	#939744
50.0%	50.0% #888D39	RGB 136 141 57	#888D39
66.7%	66.7% #7E842E	RGB 126 132 46	#7E842E
83.3%	83.3% #737A23	RGB 115 122 35	#737A23
100.0%	100.0% #697118	RGB 105 113 24	#697118

#A8AA5A #9DA04F #939744 #888D39 #7E842E #737A23 #697118

#A8AA5A - #697118

HSV Blend

#A8AA5A - #697118 | 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 #A8AA5A as 0% and #697118 as 100%.

0.0%	0.0% #A8AA5A	RGB 168 170 90	#A8AA5A
16.7%	16.7% #9DA04C	RGB 157 160 76	#9DA04C
33.3%	33.3% #92973F	RGB 146 151 63	#92973F
50.0%	50.0% #888D34	RGB 136 141 52	#888D34
66.7%	66.7% #7D8429	RGB 125 132 41	#7D8429
83.3%	83.3% #737A20	RGB 115 122 32	#737A20
100.0%	100.0% #697118	RGB 105 113 24	#697118

#A8AA5A #9DA04C #92973F #888D34 #7D8429 #737A20 #697118

#A8AA5A - #888D34 - #697118

CSS codes

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

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