#AABA5E - #68841B | 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 #AABA5E to #68841B

#AABA5E #68841B

Calculate the color between two colors, #AABA5E and #68841B. 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)

#AABA5E - #68841B | 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 #AABA5E as 0% and #68841B as 100%.

0.0%	0.0% #AABA5E	RGB 170 186 94	#AABA5E
16.7%	16.7% #9FB152	RGB 159 177 82	#9FB152
33.3%	33.3% #94A847	RGB 148 168 71	#94A847
50.0%	50.0% #899F3C	RGB 137 159 60	#899F3C
66.7%	66.7% #7E9631	RGB 126 150 49	#7E9631
83.3%	83.3% #738D26	RGB 115 141 38	#738D26
100.0%	100.0% #68841B	RGB 104 132 27	#68841B

#AABA5E #9FB152 #94A847 #899F3C #7E9631 #738D26 #68841B

#AABA5E - #68841B

HSV Blend

#AABA5E - #68841B | 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 #AABA5E as 0% and #68841B as 100%.

0.0%	0.0% #AABA5E	RGB 170 186 94	#AABA5E
16.7%	16.7% #9EB150	RGB 158 177 80	#9EB150
33.3%	33.3% #93A844	RGB 147 168 68	#93A844
50.0%	50.0% #889F38	RGB 136 159 56	#889F38
66.7%	66.7% #7D962D	RGB 125 150 45	#7D962D
83.3%	83.3% #728D23	RGB 114 141 35	#728D23
100.0%	100.0% #68841B	RGB 104 132 27	#68841B

#AABA5E #9EB150 #93A844 #889F38 #7D962D #728D23 #68841B

#AABA5E - #889F38 - #68841B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AABA5E 0%, #889F38 50%, #68841B 100%);
    background: -webkit-linear-gradient(top, #AABA5E 0%, #889F38 50%, #68841B 100%);
    background: linear-gradient(to bottom, #AABA5E 0%, #889F38 50%, #68841B 100%);
}
</style>