#ABA8A8 - #7E5269 | 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 #7E5269

#ABA8A8 #7E5269

Calculate the color between two colors, #ABA8A8 and #7E5269. 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 - #7E5269 | 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 #7E5269 as 100%.

0.0%	0.0% #ABA8A8	RGB 171 168 168	#ABA8A8
16.7%	16.7% #A3999D	RGB 163 153 157	#A3999D
33.3%	33.3% #9C8B93	RGB 156 139 147	#9C8B93
50.0%	50.0% #947D88	RGB 148 125 136	#947D88
66.7%	66.7% #8D6E7E	RGB 141 110 126	#8D6E7E
83.3%	83.3% #856073	RGB 133 96 115	#856073
100.0%	100.0% #7E5269	RGB 126 82 105	#7E5269

#ABA8A8 #A3999D #9C8B93 #947D88 #8D6E7E #856073 #7E5269

#ABA8A8 - #7E5269

HSV Blend

#ABA8A8 - #7E5269 | 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 #7E5269 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% #9C888B	RGB 156 136 139	#9C888B
50.0%	50.0% #947980	RGB 148 121 128	#947980
66.7%	66.7% #8D6B77	RGB 141 107 119	#8D6B77
83.3%	83.3% #855E6F	RGB 133 94 111	#855E6F
100.0%	100.0% #7E5269	RGB 126 82 105	#7E5269

#ABA8A8 #A39798 #9C888B #947980 #8D6B77 #855E6F #7E5269

#ABA8A8 - #947980 - #7E5269

CSS codes

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

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