#AA6CC2 - #501074 | 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 #AA6CC2 to #501074

#AA6CC2 #501074

Calculate the color between two colors, #AA6CC2 and #501074. 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)

#AA6CC2 - #501074 | 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 #AA6CC2 as 0% and #501074 as 100%.

0.0%	0.0% #AA6CC2	RGB 170 108 194	#AA6CC2
16.7%	16.7% #9B5CB5	RGB 155 92 181	#9B5CB5
33.3%	33.3% #8C4DA8	RGB 140 77 168	#8C4DA8
50.0%	50.0% #7D3E9B	RGB 125 62 155	#7D3E9B
66.7%	66.7% #6E2E8E	RGB 110 46 142	#6E2E8E
83.3%	83.3% #5F1F81	RGB 95 31 129	#5F1F81
100.0%	100.0% #501074	RGB 80 16 116	#501074

#AA6CC2 #9B5CB5 #8C4DA8 #7D3E9B #6E2E8E #5F1F81 #501074

#AA6CC2 - #501074

HSV Blend

#AA6CC2 - #501074 | 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 #AA6CC2 as 0% and #501074 as 100%.

0.0%	0.0% #A96CC2	RGB 169 108 194	#A96CC2
16.7%	16.7% #9958B5	RGB 153 88 181	#9958B5
33.3%	33.3% #8A46A8	RGB 138 70 168	#8A46A8
50.0%	50.0% #7A359B	RGB 122 53 155	#7A359B
66.7%	66.7% #6B278E	RGB 107 39 142	#6B278E
83.3%	83.3% #5D1A81	RGB 93 26 129	#5D1A81
100.0%	100.0% #501074	RGB 80 16 116	#501074

#A96CC2 #9958B5 #8A46A8 #7A359B #6B278E #5D1A81 #501074

#AA6CC2 - #7A359B - #501074

CSS codes

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

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