#AA30D9 - #3C008C | 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 #AA30D9 to #3C008C

#AA30D9 #3C008C

Calculate the color between two colors, #AA30D9 and #3C008C. 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)

#AA30D9 - #3C008C | 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 #AA30D9 as 0% and #3C008C as 100%.

0.0%	0.0% #AA30D9	RGB 170 48 217	#AA30D9
16.7%	16.7% #9728CC	RGB 151 40 204	#9728CC
33.3%	33.3% #8520BF	RGB 133 32 191	#8520BF
50.0%	50.0% #7318B2	RGB 115 24 178	#7318B2
66.7%	66.7% #6010A5	RGB 96 16 165	#6010A5
83.3%	83.3% #4E0898	RGB 78 8 152	#4E0898
100.0%	100.0% #3C008C	RGB 60 0 140	#3C008C

#AA30D9 #9728CC #8520BF #7318B2 #6010A5 #4E0898 #3C008C

#AA30D9 - #3C008C

HSV Blend

#AA30D9 - #3C008C | 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 #AA30D9 as 0% and #3C008C as 100%.

0.0%	0.0% #AA30D9	RGB 170 48 217	#AA30D9
16.7%	16.7% #9525CC	RGB 149 37 204	#9525CC
33.3%	33.3% #821CBF	RGB 130 28 191	#821CBF
50.0%	50.0% #6F13B2	RGB 111 19 178	#6F13B2
66.7%	66.7% #5C0CA5	RGB 92 12 165	#5C0CA5
83.3%	83.3% #4B0598	RGB 75 5 152	#4B0598
100.0%	100.0% #3C008C	RGB 60 0 140	#3C008C

#AA30D9 #9525CC #821CBF #6F13B2 #5C0CA5 #4B0598 #3C008C

#AA30D9 - #6F13B2 - #3C008C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA30D9 0%, #6F13B2 50%, #3C008C 100%);
    background: -webkit-linear-gradient(top, #AA30D9 0%, #6F13B2 50%, #3C008C 100%);
    background: linear-gradient(to bottom, #AA30D9 0%, #6F13B2 50%, #3C008C 100%);
}
</style>