#ABA3C0 - #644DA2 | 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 #ABA3C0 to #644DA2

#ABA3C0 #644DA2

Calculate the color between two colors, #ABA3C0 and #644DA2. 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)

#ABA3C0 - #644DA2 | 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 #ABA3C0 as 0% and #644DA2 as 100%.

0.0%	0.0% #ABA3C0	RGB 171 163 192	#ABA3C0
16.7%	16.7% #9F94BB	RGB 159 148 187	#9F94BB
33.3%	33.3% #9386B6	RGB 147 134 182	#9386B6
50.0%	50.0% #8778B1	RGB 135 120 177	#8778B1
66.7%	66.7% #7B69AC	RGB 123 105 172	#7B69AC
83.3%	83.3% #6F5BA7	RGB 111 91 167	#6F5BA7
100.0%	100.0% #644DA2	RGB 100 77 162	#644DA2

#ABA3C0 #9F94BB #9386B6 #8778B1 #7B69AC #6F5BA7 #644DA2

#ABA3C0 - #644DA2

HSV Blend

#ABA3C0 - #644DA2 | 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 #ABA3C0 as 0% and #644DA2 as 100%.

0.0%	0.0% #ABA3C0	RGB 171 163 192	#ABA3C0
16.7%	16.7% #9E93BB	RGB 158 147 187	#9E93BB
33.3%	33.3% #9183B6	RGB 145 131 182	#9183B6
50.0%	50.0% #8575B1	RGB 133 117 177	#8575B1
66.7%	66.7% #7967AC	RGB 121 103 172	#7967AC
83.3%	83.3% #6E59A7	RGB 110 89 167	#6E59A7
100.0%	100.0% #644DA2	RGB 100 77 162	#644DA2

#ABA3C0 #9E93BB #9183B6 #8575B1 #7967AC #6E59A7 #644DA2

#ABA3C0 - #8575B1 - #644DA2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA3C0 0%, #8575B1 50%, #644DA2 100%);
    background: -webkit-linear-gradient(top, #ABA3C0 0%, #8575B1 50%, #644DA2 100%);
    background: linear-gradient(to bottom, #ABA3C0 0%, #8575B1 50%, #644DA2 100%);
}
</style>