#A872D6 - #520C8C | 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 #A872D6 to #520C8C

#A872D6 #520C8C

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

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

0.0%	0.0% #A872D6	RGB 168 114 214	#A872D6
16.7%	16.7% #9961C9	RGB 153 97 201	#9961C9
33.3%	33.3% #8B50BD	RGB 139 80 189	#8B50BD
50.0%	50.0% #7D3FB1	RGB 125 63 177	#7D3FB1
66.7%	66.7% #6E2EA4	RGB 110 46 164	#6E2EA4
83.3%	83.3% #601D98	RGB 96 29 152	#601D98
100.0%	100.0% #520C8C	RGB 82 12 140	#520C8C

#A872D6 #9961C9 #8B50BD #7D3FB1 #6E2EA4 #601D98 #520C8C

#A872D6 - #520C8C

HSV Blend

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

0.0%	0.0% #A872D6	RGB 168 114 214	#A872D6
16.7%	16.7% #975CC9	RGB 151 92 201	#975CC9
33.3%	33.3% #8748BD	RGB 135 72 189	#8748BD
50.0%	50.0% #7936B1	RGB 121 54 177	#7936B1
66.7%	66.7% #6B26A4	RGB 107 38 164	#6B26A4
83.3%	83.3% #5E1898	RGB 94 24 152	#5E1898
100.0%	100.0% #520C8C	RGB 82 12 140	#520C8C

#A872D6 #975CC9 #8748BD #7936B1 #6B26A4 #5E1898 #520C8C

#A872D6 - #7936B1 - #520C8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A872D6 0%, #7936B1 50%, #520C8C 100%);
    background: -webkit-linear-gradient(top, #A872D6 0%, #7936B1 50%, #520C8C 100%);
    background: linear-gradient(to bottom, #A872D6 0%, #7936B1 50%, #520C8C 100%);
}
</style>