#ABA2B5 - #6B4C83 | 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 #ABA2B5 to #6B4C83

#ABA2B5 #6B4C83

Calculate the color between two colors, #ABA2B5 and #6B4C83. 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)

#ABA2B5 - #6B4C83 | 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 #ABA2B5 as 0% and #6B4C83 as 100%.

0.0%	0.0% #ABA2B5	RGB 171 162 181	#ABA2B5
16.7%	16.7% #A093AC	RGB 160 147 172	#A093AC
33.3%	33.3% #9585A4	RGB 149 133 164	#9585A4
50.0%	50.0% #8B779C	RGB 139 119 156	#8B779C
66.7%	66.7% #806893	RGB 128 104 147	#806893
83.3%	83.3% #755A8B	RGB 117 90 139	#755A8B
100.0%	100.0% #6B4C83	RGB 107 76 131	#6B4C83

#ABA2B5 #A093AC #9585A4 #8B779C #806893 #755A8B #6B4C83

#ABA2B5 - #6B4C83

HSV Blend

#ABA2B5 - #6B4C83 | 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 #ABA2B5 as 0% and #6B4C83 as 100%.

0.0%	0.0% #ABA2B5	RGB 171 162 181	#ABA2B5
16.7%	16.7% #9E91AC	RGB 158 145 172	#9E91AC
33.3%	33.3% #9381A4	RGB 147 129 164	#9381A4
50.0%	50.0% #88739C	RGB 136 115 156	#88739C
66.7%	66.7% #7D6593	RGB 125 101 147	#7D6593
83.3%	83.3% #74588B	RGB 116 88 139	#74588B
100.0%	100.0% #6B4C83	RGB 107 76 131	#6B4C83

#ABA2B5 #9E91AC #9381A4 #88739C #7D6593 #74588B #6B4C83

#ABA2B5 - #88739C - #6B4C83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA2B5 0%, #88739C 50%, #6B4C83 100%);
    background: -webkit-linear-gradient(top, #ABA2B5 0%, #88739C 50%, #6B4C83 100%);
    background: linear-gradient(to bottom, #ABA2B5 0%, #88739C 50%, #6B4C83 100%);
}
</style>