#ABA8A8 - #7E525C | 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 #ABA8A8 to #7E525C

#ABA8A8 #7E525C

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

#ABA8A8 - #7E525C | 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 #ABA8A8 as 0% and #7E525C as 100%.

0.0%	0.0% #ABA8A8	RGB 171 168 168	#ABA8A8
16.7%	16.7% #A3999B	RGB 163 153 155	#A3999B
33.3%	33.3% #9C8B8E	RGB 156 139 142	#9C8B8E
50.0%	50.0% #947D82	RGB 148 125 130	#947D82
66.7%	66.7% #8D6E75	RGB 141 110 117	#8D6E75
83.3%	83.3% #856068	RGB 133 96 104	#856068
100.0%	100.0% #7E525C	RGB 126 82 92	#7E525C

#ABA8A8 #A3999B #9C8B8E #947D82 #8D6E75 #856068 #7E525C

#ABA8A8 - #7E525C

HSV Blend

#ABA8A8 - #7E525C | 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 #ABA8A8 as 0% and #7E525C as 100%.

0.0%	0.0% #ABA8A8	RGB 171 168 168	#ABA8A8
16.7%	16.7% #A39798	RGB 163 151 152	#A39798
33.3%	33.3% #9C8889	RGB 156 136 137	#9C8889
50.0%	50.0% #94797C	RGB 148 121 124	#94797C
66.7%	66.7% #8D6B70	RGB 141 107 112	#8D6B70
83.3%	83.3% #855E65	RGB 133 94 101	#855E65
100.0%	100.0% #7E525C	RGB 126 82 92	#7E525C

#ABA8A8 #A39798 #9C8889 #94797C #8D6B70 #855E65 #7E525C

#ABA8A8 - #94797C - #7E525C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA8A8 0%, #94797C 50%, #7E525C 100%);
    background: -webkit-linear-gradient(top, #ABA8A8 0%, #94797C 50%, #7E525C 100%);
    background: linear-gradient(to bottom, #ABA8A8 0%, #94797C 50%, #7E525C 100%);
}
</style>