#AAB97C - #68862D | 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 #AAB97C to #68862D

#AAB97C #68862D

Calculate the color between two colors, #AAB97C and #68862D. 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)

#AAB97C - #68862D | 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 #AAB97C as 0% and #68862D as 100%.

0.0%	0.0% #AAB97C	RGB 170 185 124	#AAB97C
16.7%	16.7% #9FB06E	RGB 159 176 110	#9FB06E
33.3%	33.3% #94A861	RGB 148 168 97	#94A861
50.0%	50.0% #899F54	RGB 137 159 84	#899F54
66.7%	66.7% #7E9747	RGB 126 151 71	#7E9747
83.3%	83.3% #738E3A	RGB 115 142 58	#738E3A
100.0%	100.0% #68862D	RGB 104 134 45	#68862D

#AAB97C #9FB06E #94A861 #899F54 #7E9747 #738E3A #68862D

#AAB97C - #68862D

HSV Blend

#AAB97C - #68862D | 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 #AAB97C as 0% and #68862D as 100%.

0.0%	0.0% #AAB97C	RGB 170 185 124	#AAB97C
16.7%	16.7% #9EB06C	RGB 158 176 108	#9EB06C
33.3%	33.3% #93A85D	RGB 147 168 93	#93A85D
50.0%	50.0% #889F50	RGB 136 159 80	#889F50
66.7%	66.7% #7D9743	RGB 125 151 67	#7D9743
83.3%	83.3% #728E37	RGB 114 142 55	#728E37
100.0%	100.0% #68862D	RGB 104 134 45	#68862D

#AAB97C #9EB06C #93A85D #889F50 #7D9743 #728E37 #68862D

#AAB97C - #889F50 - #68862D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AAB97C 0%, #889F50 50%, #68862D 100%);
    background: -webkit-linear-gradient(top, #AAB97C 0%, #889F50 50%, #68862D 100%);
    background: linear-gradient(to bottom, #AAB97C 0%, #889F50 50%, #68862D 100%);
}
</style>