#A8ADA8 - #5B8D52 | 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 #A8ADA8 to #5B8D52

#A8ADA8 #5B8D52

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

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

0.0%	0.0% #A8ADA8	RGB 168 173 168	#A8ADA8
16.7%	16.7% #9BA799	RGB 155 167 153	#9BA799
33.3%	33.3% #8EA28B	RGB 142 162 139	#8EA28B
50.0%	50.0% #819D7D	RGB 129 157 125	#819D7D
66.7%	66.7% #74976E	RGB 116 151 110	#74976E
83.3%	83.3% #679260	RGB 103 146 96	#679260
100.0%	100.0% #5B8D52	RGB 91 141 82	#5B8D52

#A8ADA8 #9BA799 #8EA28B #819D7D #74976E #679260 #5B8D52

#A8ADA8 - #5B8D52

HSV Blend

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

0.0%	0.0% #A8ADA8	RGB 168 173 168	#A8ADA8
16.7%	16.7% #98A797	RGB 152 167 151	#98A797
33.3%	33.3% #89A288	RGB 137 162 136	#89A288
50.0%	50.0% #7C9D79	RGB 124 157 121	#7C9D79
66.7%	66.7% #70976B	RGB 112 151 107	#70976B
83.3%	83.3% #65925E	RGB 101 146 94	#65925E
100.0%	100.0% #5B8D52	RGB 91 141 82	#5B8D52

#A8ADA8 #98A797 #89A288 #7C9D79 #70976B #65925E #5B8D52

#A8ADA8 - #7C9D79 - #5B8D52

CSS codes

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

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