#ACA7A8 - #8C5160 | 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 #ACA7A8 to #8C5160

#ACA7A8 #8C5160

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

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

0.0%	0.0% #ACA7A8	RGB 172 167 168	#ACA7A8
16.7%	16.7% #A6989C	RGB 166 152 156	#A6989C
33.3%	33.3% #A18A90	RGB 161 138 144	#A18A90
50.0%	50.0% #9C7C84	RGB 156 124 132	#9C7C84
66.7%	66.7% #966D78	RGB 150 109 120	#966D78
83.3%	83.3% #915F6C	RGB 145 95 108	#915F6C
100.0%	100.0% #8C5160	RGB 140 81 96	#8C5160

#ACA7A8 #A6989C #A18A90 #9C7C84 #966D78 #915F6C #8C5160

#ACA7A8 - #8C5160

HSV Blend

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

0.0%	0.0% #ACA7A8	RGB 172 167 168	#ACA7A8
16.7%	16.7% #A6969A	RGB 166 150 154	#A6969A
33.3%	33.3% #A1878D	RGB 161 135 141	#A1878D
50.0%	50.0% #9C7880	RGB 156 120 128	#9C7880
66.7%	66.7% #966A75	RGB 150 106 117	#966A75
83.3%	83.3% #915D6A	RGB 145 93 106	#915D6A
100.0%	100.0% #8C5160	RGB 140 81 96	#8C5160

#ACA7A8 #A6969A #A1878D #9C7880 #966A75 #915D6A #8C5160

#ACA7A8 - #9C7880 - #8C5160

CSS codes

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

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