#A0AF5E - #60791B | 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 #A0AF5E to #60791B

#A0AF5E #60791B

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

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

0.0%	0.0% #A0AF5E	RGB 160 175 94	#A0AF5E
16.7%	16.7% #95A652	RGB 149 166 82	#95A652
33.3%	33.3% #8A9D47	RGB 138 157 71	#8A9D47
50.0%	50.0% #80943C	RGB 128 148 60	#80943C
66.7%	66.7% #758B31	RGB 117 139 49	#758B31
83.3%	83.3% #6A8226	RGB 106 130 38	#6A8226
100.0%	100.0% #60791B	RGB 96 121 27	#60791B

#A0AF5E #95A652 #8A9D47 #80943C #758B31 #6A8226 #60791B

#A0AF5E - #60791B

HSV Blend

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

0.0%	0.0% #A0AF5E	RGB 160 175 94	#A0AF5E
16.7%	16.7% #95A650	RGB 149 166 80	#95A650
33.3%	33.3% #8A9D43	RGB 138 157 67	#8A9D43
50.0%	50.0% #7F9438	RGB 127 148 56	#7F9438
66.7%	66.7% #748B2D	RGB 116 139 45	#748B2D
83.3%	83.3% #6A8223	RGB 106 130 35	#6A8223
100.0%	100.0% #60791B	RGB 96 121 27	#60791B

#A0AF5E #95A650 #8A9D43 #7F9438 #748B2D #6A8223 #60791B

#A0AF5E - #7F9438 - #60791B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0AF5E 0%, #7F9438 50%, #60791B 100%);
    background: -webkit-linear-gradient(top, #A0AF5E 0%, #7F9438 50%, #60791B 100%);
    background: linear-gradient(to bottom, #A0AF5E 0%, #7F9438 50%, #60791B 100%);
}
</style>