#ABA1B5 - #7D4B9C | 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 #ABA1B5 to #7D4B9C

#ABA1B5 #7D4B9C

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

#ABA1B5 - #7D4B9C | 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 #ABA1B5 as 0% and #7D4B9C as 100%.

0.0%	0.0% #ABA1B5	RGB 171 161 181	#ABA1B5
16.7%	16.7% #A392B0	RGB 163 146 176	#A392B0
33.3%	33.3% #9B84AC	RGB 155 132 172	#9B84AC
50.0%	50.0% #9476A8	RGB 148 118 168	#9476A8
66.7%	66.7% #8C67A4	RGB 140 103 164	#8C67A4
83.3%	83.3% #8459A0	RGB 132 89 160	#8459A0
100.0%	100.0% #7D4B9C	RGB 125 75 156	#7D4B9C

#ABA1B5 #A392B0 #9B84AC #9476A8 #8C67A4 #8459A0 #7D4B9C

#ABA1B5 - #7D4B9C

HSV Blend

#ABA1B5 - #7D4B9C | 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 #ABA1B5 as 0% and #7D4B9C as 100%.

0.0%	0.0% #ABA1B5	RGB 171 161 181	#ABA1B5
16.7%	16.7% #A191B0	RGB 161 145 176	#A191B0
33.3%	33.3% #9982AC	RGB 153 130 172	#9982AC
50.0%	50.0% #9173A8	RGB 145 115 168	#9173A8
66.7%	66.7% #8965A4	RGB 137 101 164	#8965A4
83.3%	83.3% #8357A0	RGB 131 87 160	#8357A0
100.0%	100.0% #7D4B9C	RGB 125 75 156	#7D4B9C

#ABA1B5 #A191B0 #9982AC #9173A8 #8965A4 #8357A0 #7D4B9C

#ABA1B5 - #9173A8 - #7D4B9C

CSS codes

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

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