#AA33C0 - #3C006E | 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 #AA33C0 to #3C006E

#AA33C0 #3C006E

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

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

0.0%	0.0% #AA33C0	RGB 170 51 192	#AA33C0
16.7%	16.7% #972AB2	RGB 151 42 178	#972AB2
33.3%	33.3% #8522A4	RGB 133 34 164	#8522A4
50.0%	50.0% #731997	RGB 115 25 151	#731997
66.7%	66.7% #601189	RGB 96 17 137	#601189
83.3%	83.3% #4E087B	RGB 78 8 123	#4E087B
100.0%	100.0% #3C006E	RGB 60 0 110	#3C006E

#AA33C0 #972AB2 #8522A4 #731997 #601189 #4E087B #3C006E

#AA33C0 - #3C006E

HSV Blend

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

0.0%	0.0% #A933C0	RGB 169 51 192	#A933C0
16.7%	16.7% #9527B2	RGB 149 39 178	#9527B2
33.3%	33.3% #821DA4	RGB 130 29 164	#821DA4
50.0%	50.0% #6F1497	RGB 111 20 151	#6F1497
66.7%	66.7% #5C0C89	RGB 92 12 137	#5C0C89
83.3%	83.3% #4B057B	RGB 75 5 123	#4B057B
100.0%	100.0% #3C006E	RGB 60 0 110	#3C006E

#A933C0 #9527B2 #821DA4 #6F1497 #5C0C89 #4B057B #3C006E

#AA33C0 - #6F1497 - #3C006E

CSS codes

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

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