#AA6CFF - #5000C7 | 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 #AA6CFF to #5000C7

#AA6CFF #5000C7

Calculate the color between two colors, #AA6CFF and #5000C7. 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)

#AA6CFF - #5000C7 | 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 #AA6CFF as 0% and #5000C7 as 100%.

0.0%	0.0% #AA6CFF	RGB 170 108 255	#AA6CFF
16.7%	16.7% #9B5AF5	RGB 155 90 245	#9B5AF5
33.3%	33.3% #8C48EC	RGB 140 72 236	#8C48EC
50.0%	50.0% #7D36E3	RGB 125 54 227	#7D36E3
66.7%	66.7% #6E24D9	RGB 110 36 217	#6E24D9
83.3%	83.3% #5F12D0	RGB 95 18 208	#5F12D0
100.0%	100.0% #5000C7	RGB 80 0 199	#5000C7

#AA6CFF #9B5AF5 #8C48EC #7D36E3 #6E24D9 #5F12D0 #5000C7

#AA6CFF - #5000C7

HSV Blend

#AA6CFF - #5000C7 | 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 #AA6CFF as 0% and #5000C7 as 100%.

0.0%	0.0% #A96CFF	RGB 169 108 255	#A96CFF
16.7%	16.7% #9956F5	RGB 153 86 245	#9956F5
33.3%	33.3% #8942EC	RGB 137 66 236	#8942EC
50.0%	50.0% #7930E3	RGB 121 48 227	#7930E3
66.7%	66.7% #6B1ED9	RGB 107 30 217	#6B1ED9
83.3%	83.3% #5D0ED0	RGB 93 14 208	#5D0ED0
100.0%	100.0% #5000C7	RGB 80 0 199	#5000C7

#A96CFF #9956F5 #8942EC #7930E3 #6B1ED9 #5D0ED0 #5000C7

#AA6CFF - #7930E3 - #5000C7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A96CFF 0%, #7930E3 50%, #5000C7 100%);
    background: -webkit-linear-gradient(top, #A96CFF 0%, #7930E3 50%, #5000C7 100%);
    background: linear-gradient(to bottom, #A96CFF 0%, #7930E3 50%, #5000C7 100%);
}
</style>