#AA6EE2 - #52029C | 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 #AA6EE2 to #52029C

#AA6EE2 #52029C

Calculate the color between two colors, #AA6EE2 and #52029C. 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)

#AA6EE2 - #52029C | 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 #AA6EE2 as 0% and #52029C as 100%.

0.0%	0.0% #AA6EE2	RGB 170 110 226	#AA6EE2
16.7%	16.7% #9B5CD6	RGB 155 92 214	#9B5CD6
33.3%	33.3% #8C4ACA	RGB 140 74 202	#8C4ACA
50.0%	50.0% #7E38BF	RGB 126 56 191	#7E38BF
66.7%	66.7% #6F26B3	RGB 111 38 179	#6F26B3
83.3%	83.3% #6014A7	RGB 96 20 167	#6014A7
100.0%	100.0% #52029C	RGB 82 2 156	#52029C

#AA6EE2 #9B5CD6 #8C4ACA #7E38BF #6F26B3 #6014A7 #52029C

#AA6EE2 - #52029C

HSV Blend

#AA6EE2 - #52029C | 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 #AA6EE2 as 0% and #52029C as 100%.

0.0%	0.0% #AA6EE2	RGB 170 110 226	#AA6EE2
16.7%	16.7% #9957D6	RGB 153 87 214	#9957D6
33.3%	33.3% #8942CA	RGB 137 66 202	#8942CA
50.0%	50.0% #792FBF	RGB 121 47 191	#792FBF
66.7%	66.7% #6B1EB3	RGB 107 30 179	#6B1EB3
83.3%	83.3% #5E0FA7	RGB 94 15 167	#5E0FA7
100.0%	100.0% #52029C	RGB 82 2 156	#52029C

#AA6EE2 #9957D6 #8942CA #792FBF #6B1EB3 #5E0FA7 #52029C

#AA6EE2 - #792FBF - #52029C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA6EE2 0%, #792FBF 50%, #52029C 100%);
    background: -webkit-linear-gradient(top, #AA6EE2 0%, #792FBF 50%, #52029C 100%);
    background: linear-gradient(to bottom, #AA6EE2 0%, #792FBF 50%, #52029C 100%);
}
</style>