#A0A291 - #616A3B | 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 #A0A291 to #616A3B

#A0A291 #616A3B

Calculate the color between two colors, #A0A291 and #616A3B. 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)

#A0A291 - #616A3B | 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 #A0A291 as 0% and #616A3B as 100%.

0.0%	0.0% #A0A291	RGB 160 162 145	#A0A291
16.7%	16.7% #959882	RGB 149 152 130	#959882
33.3%	33.3% #8B8F74	RGB 139 143 116	#8B8F74
50.0%	50.0% #808666	RGB 128 134 102	#808666
66.7%	66.7% #767C57	RGB 118 124 87	#767C57
83.3%	83.3% #6B7349	RGB 107 115 73	#6B7349
100.0%	100.0% #616A3B	RGB 97 106 59	#616A3B

#A0A291 #959882 #8B8F74 #808666 #767C57 #6B7349 #616A3B

#A0A291 - #616A3B

HSV Blend

#A0A291 - #616A3B | 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 #A0A291 as 0% and #616A3B as 100%.

0.0%	0.0% #A0A291	RGB 160 162 145	#A0A291
16.7%	16.7% #959880	RGB 149 152 128	#959880
33.3%	33.3% #8A8F70	RGB 138 143 112	#8A8F70
50.0%	50.0% #808661	RGB 128 134 97	#808661
66.7%	66.7% #757C53	RGB 117 124 83	#757C53
83.3%	83.3% #6B7346	RGB 107 115 70	#6B7346
100.0%	100.0% #616A3B	RGB 97 106 59	#616A3B

#A0A291 #959880 #8A8F70 #808661 #757C53 #6B7346 #616A3B

#A0A291 - #808661 - #616A3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0A291 0%, #808661 50%, #616A3B 100%);
    background: -webkit-linear-gradient(top, #A0A291 0%, #808661 50%, #616A3B 100%);
    background: linear-gradient(to bottom, #A0A291 0%, #808661 50%, #616A3B 100%);
}
</style>