#AA00D1 - #2F003B | 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 #AA00D1 to #2F003B

#AA00D1 #2F003B

Calculate the color between two colors, #AA00D1 and #2F003B. 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)

#AA00D1 - #2F003B | 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 #AA00D1 as 0% and #2F003B as 100%.

0.0%	0.0% #AA00D1	RGB 170 0 209	#AA00D1
16.7%	16.7% #9500B8	RGB 149 0 184	#9500B8
33.3%	33.3% #81009F	RGB 129 0 159	#81009F
50.0%	50.0% #6C0086	RGB 108 0 134	#6C0086
66.7%	66.7% #58006D	RGB 88 0 109	#58006D
83.3%	83.3% #430054	RGB 67 0 84	#430054
100.0%	100.0% #2F003B	RGB 47 0 59	#2F003B

#AA00D1 #9500B8 #81009F #6C0086 #58006D #430054 #2F003B

#AA00D1 - #2F003B

HSV Blend

#AA00D1 - #2F003B | 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 #AA00D1 as 0% and #2F003B as 100%.

0.0%	0.0% #AA00D1	RGB 170 0 209	#AA00D1
16.7%	16.7% #9500B8	RGB 149 0 184	#9500B8
33.3%	33.3% #80009F	RGB 128 0 159	#80009F
50.0%	50.0% #6B0086	RGB 107 0 134	#6B0086
66.7%	66.7% #57006D	RGB 87 0 109	#57006D
83.3%	83.3% #430054	RGB 67 0 84	#430054
100.0%	100.0% #2F003B	RGB 47 0 59	#2F003B

#AA00D1 #9500B8 #80009F #6B0086 #57006D #430054 #2F003B

#AA00D1 - #6B0086 - #2F003B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA00D1 0%, #6B0086 50%, #2F003B 100%);
    background: -webkit-linear-gradient(top, #AA00D1 0%, #6B0086 50%, #2F003B 100%);
    background: linear-gradient(to bottom, #AA00D1 0%, #6B0086 50%, #2F003B 100%);
}
</style>