#A0AF91 - #597E3C | 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 #A0AF91 to #597E3C

#A0AF91 #597E3C

Calculate the color between two colors, #A0AF91 and #597E3C. 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)

#A0AF91 - #597E3C | 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 #A0AF91 as 0% and #597E3C as 100%.

0.0%	0.0% #A0AF91	RGB 160 175 145	#A0AF91
16.7%	16.7% #94A682	RGB 148 166 130	#94A682
33.3%	33.3% #889E74	RGB 136 158 116	#889E74
50.0%	50.0% #7C9666	RGB 124 150 102	#7C9666
66.7%	66.7% #708E58	RGB 112 142 88	#708E58
83.3%	83.3% #64864A	RGB 100 134 74	#64864A
100.0%	100.0% #597E3C	RGB 89 126 60	#597E3C

#A0AF91 #94A682 #889E74 #7C9666 #708E58 #64864A #597E3C

#A0AF91 - #597E3C

HSV Blend

#A0AF91 - #597E3C | 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 #A0AF91 as 0% and #597E3C as 100%.

0.0%	0.0% #A0AF91	RGB 160 175 145	#A0AF91
16.7%	16.7% #93A680	RGB 147 166 128	#93A680
33.3%	33.3% #869E70	RGB 134 158 112	#869E70
50.0%	50.0% #7A9662	RGB 122 150 98	#7A9662
66.7%	66.7% #6F8E54	RGB 111 142 84	#6F8E54
83.3%	83.3% #638647	RGB 99 134 71	#638647
100.0%	100.0% #597E3C	RGB 89 126 60	#597E3C

#A0AF91 #93A680 #869E70 #7A9662 #6F8E54 #638647 #597E3C

#A0AF91 - #7A9662 - #597E3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0AF91 0%, #7A9662 50%, #597E3C 100%);
    background: -webkit-linear-gradient(top, #A0AF91 0%, #7A9662 50%, #597E3C 100%);
    background: linear-gradient(to bottom, #A0AF91 0%, #7A9662 50%, #597E3C 100%);
}
</style>