#A871D9 - #520A90 | 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 #A871D9 to #520A90

#A871D9 #520A90

Calculate the color between two colors, #A871D9 and #520A90. 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)

#A871D9 - #520A90 | 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 #A871D9 as 0% and #520A90 as 100%.

0.0%	0.0% #A871D9	RGB 168 113 217	#A871D9
16.7%	16.7% #995FCC	RGB 153 95 204	#995FCC
33.3%	33.3% #8B4EC0	RGB 139 78 192	#8B4EC0
50.0%	50.0% #7D3DB4	RGB 125 61 180	#7D3DB4
66.7%	66.7% #6E2CA8	RGB 110 44 168	#6E2CA8
83.3%	83.3% #601B9C	RGB 96 27 156	#601B9C
100.0%	100.0% #520A90	RGB 82 10 144	#520A90

#A871D9 #995FCC #8B4EC0 #7D3DB4 #6E2CA8 #601B9C #520A90

#A871D9 - #520A90

HSV Blend

#A871D9 - #520A90 | 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 #A871D9 as 0% and #520A90 as 100%.

0.0%	0.0% #A771D9	RGB 167 113 217	#A771D9
16.7%	16.7% #975BCC	RGB 151 91 204	#975BCC
33.3%	33.3% #8747C0	RGB 135 71 192	#8747C0
50.0%	50.0% #7935B4	RGB 121 53 180	#7935B4
66.7%	66.7% #6B25A8	RGB 107 37 168	#6B25A8
83.3%	83.3% #5E169C	RGB 94 22 156	#5E169C
100.0%	100.0% #520A90	RGB 82 10 144	#520A90

#A771D9 #975BCC #8747C0 #7935B4 #6B25A8 #5E169C #520A90

#A871D9 - #7935B4 - #520A90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A771D9 0%, #7935B4 50%, #520A90 100%);
    background: -webkit-linear-gradient(top, #A771D9 0%, #7935B4 50%, #520A90 100%);
    background: linear-gradient(to bottom, #A771D9 0%, #7935B4 50%, #520A90 100%);
}
</style>