#ABAAA1 - #8D854B | 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 #ABAAA1 to #8D854B

#ABAAA1 #8D854B

Calculate the color between two colors, #ABAAA1 and #8D854B. 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)

#ABAAA1 - #8D854B | 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 #ABAAA1 as 0% and #8D854B as 100%.

0.0%	0.0% #ABAAA1	RGB 171 170 161	#ABAAA1
16.7%	16.7% #A6A392	RGB 166 163 146	#A6A392
33.3%	33.3% #A19D84	RGB 161 157 132	#A19D84
50.0%	50.0% #9C9776	RGB 156 151 118	#9C9776
66.7%	66.7% #979167	RGB 151 145 103	#979167
83.3%	83.3% #928B59	RGB 146 139 89	#928B59
100.0%	100.0% #8D854B	RGB 141 133 75	#8D854B

#ABAAA1 #A6A392 #A19D84 #9C9776 #979167 #928B59 #8D854B

#ABAAA1 - #8D854B

HSV Blend

#ABAAA1 - #8D854B | 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 #ABAAA1 as 0% and #8D854B as 100%.

0.0%	0.0% #ABAAA1	RGB 171 170 161	#ABAAA1
16.7%	16.7% #A6A390	RGB 166 163 144	#A6A390
33.3%	33.3% #A19D81	RGB 161 157 129	#A19D81
50.0%	50.0% #9C9772	RGB 156 151 114	#9C9772
66.7%	66.7% #979164	RGB 151 145 100	#979164
83.3%	83.3% #928B57	RGB 146 139 87	#928B57
100.0%	100.0% #8D854B	RGB 141 133 75	#8D854B

#ABAAA1 #A6A390 #A19D81 #9C9772 #979164 #928B57 #8D854B

#ABAAA1 - #9C9772 - #8D854B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABAAA1 0%, #9C9772 50%, #8D854B 100%);
    background: -webkit-linear-gradient(top, #ABAAA1 0%, #9C9772 50%, #8D854B 100%);
    background: linear-gradient(to bottom, #ABAAA1 0%, #9C9772 50%, #8D854B 100%);
}
</style>