#A8ABA5 - #5F774E | 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 #A8ABA5 to #5F774E

#A8ABA5 #5F774E

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

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

0.0%	0.0% #A8ABA5	RGB 168 171 165	#A8ABA5
16.7%	16.7% #9BA296	RGB 155 162 150	#9BA296
33.3%	33.3% #8F9988	RGB 143 153 136	#8F9988
50.0%	50.0% #839179	RGB 131 145 121	#839179
66.7%	66.7% #77886B	RGB 119 136 107	#77886B
83.3%	83.3% #6B7F5C	RGB 107 127 92	#6B7F5C
100.0%	100.0% #5F774E	RGB 95 119 78	#5F774E

#A8ABA5 #9BA296 #8F9988 #839179 #77886B #6B7F5C #5F774E

#A8ABA5 - #5F774E

HSV Blend

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

0.0%	0.0% #A8ABA5	RGB 168 171 165	#A8ABA5
16.7%	16.7% #9BA294	RGB 155 162 148	#9BA294
33.3%	33.3% #8E9984	RGB 142 153 132	#8E9984
50.0%	50.0% #829175	RGB 130 145 117	#829175
66.7%	66.7% #768867	RGB 118 136 103	#768867
83.3%	83.3% #6A7F5A	RGB 106 127 90	#6A7F5A
100.0%	100.0% #5F774E	RGB 95 119 78	#5F774E

#A8ABA5 #9BA294 #8E9984 #829175 #768867 #6A7F5A #5F774E

#A8ABA5 - #829175 - #5F774E

CSS codes

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

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