#A8B7A8 - #5D7149 | 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 #A8B7A8 to #5D7149

#A8B7A8 #5D7149

Calculate the color between two colors, #A8B7A8 and #5D7149. 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)

#A8B7A8 - #5D7149 | 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 #A8B7A8 as 0% and #5D7149 as 100%.

0.0%	0.0% #A8B7A8	RGB 168 183 168	#A8B7A8
16.7%	16.7% #9BAB98	RGB 155 171 152	#9BAB98
33.3%	33.3% #8F9F88	RGB 143 159 136	#8F9F88
50.0%	50.0% #829478	RGB 130 148 120	#829478
66.7%	66.7% #768868	RGB 118 136 104	#768868
83.3%	83.3% #697C58	RGB 105 124 88	#697C58
100.0%	100.0% #5D7149	RGB 93 113 73	#5D7149

#A8B7A8 #9BAB98 #8F9F88 #829478 #768868 #697C58 #5D7149

#A8B7A8 - #5D7149

HSV Blend

#A8B7A8 - #5D7149 | 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 #A8B7A8 as 0% and #5D7149 as 100%.

0.0%	0.0% #A8B7A8	RGB 168 183 168	#A8B7A8
16.7%	16.7% #97AB95	RGB 151 171 149	#97AB95
33.3%	33.3% #889F84	RGB 136 159 132	#889F84
50.0%	50.0% #7B9473	RGB 123 148 115	#7B9473
66.7%	66.7% #708864	RGB 112 136 100	#708864
83.3%	83.3% #667C56	RGB 102 124 86	#667C56
100.0%	100.0% #5D7149	RGB 93 113 73	#5D7149

#A8B7A8 #97AB95 #889F84 #7B9473 #708864 #667C56 #5D7149

#A8B7A8 - #7B9473 - #5D7149

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B7A8 0%, #7B9473 50%, #5D7149 100%);
    background: -webkit-linear-gradient(top, #A8B7A8 0%, #7B9473 50%, #5D7149 100%);
    background: linear-gradient(to bottom, #A8B7A8 0%, #7B9473 50%, #5D7149 100%);
}
</style>