#A8ABA3 - #7E7F4D | 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 #A8ABA3 to #7E7F4D

#A8ABA3 #7E7F4D

Calculate the color between two colors, #A8ABA3 and #7E7F4D. 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)

#A8ABA3 - #7E7F4D | 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 #A8ABA3 as 0% and #7E7F4D as 100%.

0.0%	0.0% #A8ABA3	RGB 168 171 163	#A8ABA3
16.7%	16.7% #A1A394	RGB 161 163 148	#A1A394
33.3%	33.3% #9A9C86	RGB 154 156 134	#9A9C86
50.0%	50.0% #939578	RGB 147 149 120	#939578
66.7%	66.7% #8C8D69	RGB 140 141 105	#8C8D69
83.3%	83.3% #85865B	RGB 133 134 91	#85865B
100.0%	100.0% #7E7F4D	RGB 126 127 77	#7E7F4D

#A8ABA3 #A1A394 #9A9C86 #939578 #8C8D69 #85865B #7E7F4D

#A8ABA3 - #7E7F4D

HSV Blend

#A8ABA3 - #7E7F4D | 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 #A8ABA3 as 0% and #7E7F4D as 100%.

0.0%	0.0% #A8ABA3	RGB 168 171 163	#A8ABA3
16.7%	16.7% #9EA392	RGB 158 163 146	#9EA392
33.3%	33.3% #959C82	RGB 149 156 130	#959C82
50.0%	50.0% #8E9574	RGB 142 149 116	#8E9574
66.7%	66.7% #888D66	RGB 136 141 102	#888D66
83.3%	83.3% #828659	RGB 130 134 89	#828659
100.0%	100.0% #7E7F4D	RGB 126 127 77	#7E7F4D

#A8ABA3 #9EA392 #959C82 #8E9574 #888D66 #828659 #7E7F4D

#A8ABA3 - #8E9574 - #7E7F4D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ABA3 0%, #8E9574 50%, #7E7F4D 100%);
    background: -webkit-linear-gradient(top, #A8ABA3 0%, #8E9574 50%, #7E7F4D 100%);
    background: linear-gradient(to bottom, #A8ABA3 0%, #8E9574 50%, #7E7F4D 100%);
}
</style>