#A873B9 - #501A6A | 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 #A873B9 to #501A6A

#A873B9 #501A6A

Calculate the color between two colors, #A873B9 and #501A6A. 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)

#A873B9 - #501A6A | 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 #A873B9 as 0% and #501A6A as 100%.

0.0%	0.0% #A873B9	RGB 168 115 185	#A873B9
16.7%	16.7% #9964AB	RGB 153 100 171	#9964AB
33.3%	33.3% #8A559E	RGB 138 85 158	#8A559E
50.0%	50.0% #7C4691	RGB 124 70 145	#7C4691
66.7%	66.7% #6D3784	RGB 109 55 132	#6D3784
83.3%	83.3% #5E2877	RGB 94 40 119	#5E2877
100.0%	100.0% #501A6A	RGB 80 26 106	#501A6A

#A873B9 #9964AB #8A559E #7C4691 #6D3784 #5E2877 #501A6A

#A873B9 - #501A6A

HSV Blend

#A873B9 - #501A6A | 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 #A873B9 as 0% and #501A6A as 100%.

0.0%	0.0% #A873B9	RGB 168 115 185	#A873B9
16.7%	16.7% #9860AB	RGB 152 96 171	#9860AB
33.3%	33.3% #894E9E	RGB 137 78 158	#894E9E
50.0%	50.0% #7A3F91	RGB 122 63 145	#7A3F91
66.7%	66.7% #6B3184	RGB 107 49 132	#6B3184
83.3%	83.3% #5D2477	RGB 93 36 119	#5D2477
100.0%	100.0% #501A6A	RGB 80 26 106	#501A6A

#A873B9 #9860AB #894E9E #7A3F91 #6B3184 #5D2477 #501A6A

#A873B9 - #7A3F91 - #501A6A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A873B9 0%, #7A3F91 50%, #501A6A 100%);
    background: -webkit-linear-gradient(top, #A873B9 0%, #7A3F91 50%, #501A6A 100%);
    background: linear-gradient(to bottom, #A873B9 0%, #7A3F91 50%, #501A6A 100%);
}
</style>