#A8B5A8 - #558A52 | 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 #A8B5A8 to #558A52

#A8B5A8 #558A52

Calculate the color between two colors, #A8B5A8 and #558A52. 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)

#A8B5A8 - #558A52 | 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 #A8B5A8 as 0% and #558A52 as 100%.

0.0%	0.0% #A8B5A8	RGB 168 181 168	#A8B5A8
16.7%	16.7% #9AAD99	RGB 154 173 153	#9AAD99
33.3%	33.3% #8CA68B	RGB 140 166 139	#8CA68B
50.0%	50.0% #7E9F7D	RGB 126 159 125	#7E9F7D
66.7%	66.7% #70986E	RGB 112 152 110	#70986E
83.3%	83.3% #629160	RGB 98 145 96	#629160
100.0%	100.0% #558A52	RGB 85 138 82	#558A52

#A8B5A8 #9AAD99 #8CA68B #7E9F7D #70986E #629160 #558A52

#A8B5A8 - #558A52

HSV Blend

#A8B5A8 - #558A52 | 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 #A8B5A8 as 0% and #558A52 as 100%.

0.0%	0.0% #A8B5A8	RGB 168 181 168	#A8B5A8
16.7%	16.7% #97AD97	RGB 151 173 151	#97AD97
33.3%	33.3% #88A688	RGB 136 166 136	#88A688
50.0%	50.0% #7A9F79	RGB 122 159 121	#7A9F79
66.7%	66.7% #6D986B	RGB 109 152 107	#6D986B
83.3%	83.3% #60915E	RGB 96 145 94	#60915E
100.0%	100.0% #558A52	RGB 85 138 82	#558A52

#A8B5A8 #97AD97 #88A688 #7A9F79 #6D986B #60915E #558A52

#A8B5A8 - #7A9F79 - #558A52

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8B5A8 0%, #7A9F79 50%, #558A52 100%);
    background: -webkit-linear-gradient(top, #A8B5A8 0%, #7A9F79 50%, #558A52 100%);
    background: linear-gradient(to bottom, #A8B5A8 0%, #7A9F79 50%, #558A52 100%);
}
</style>