#AA0EB6 - #290061 | 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 #AA0EB6 to #290061

#AA0EB6 #290061

Calculate the color between two colors, #AA0EB6 and #290061. 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)

#AA0EB6 - #290061 | 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 #AA0EB6 as 0% and #290061 as 100%.

0.0%	0.0% #AA0EB6	RGB 170 14 182	#AA0EB6
16.7%	16.7% #940BA7	RGB 148 11 167	#940BA7
33.3%	33.3% #7F0999	RGB 127 9 153	#7F0999
50.0%	50.0% #69078B	RGB 105 7 139	#69078B
66.7%	66.7% #54047D	RGB 84 4 125	#54047D
83.3%	83.3% #3E026F	RGB 62 2 111	#3E026F
100.0%	100.0% #290061	RGB 41 0 97	#290061

#AA0EB6 #940BA7 #7F0999 #69078B #54047D #3E026F #290061

#AA0EB6 - #290061

HSV Blend

#AA0EB6 - #290061 | 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 #AA0EB6 as 0% and #290061 as 100%.

0.0%	0.0% #AA0DB6	RGB 170 13 182	#AA0DB6
16.7%	16.7% #8F0AA7	RGB 143 10 167	#8F0AA7
33.3%	33.3% #760799	RGB 118 7 153	#760799
50.0%	50.0% #5F058B	RGB 95 5 139	#5F058B
66.7%	66.7% #4B037D	RGB 75 3 125	#4B037D
83.3%	83.3% #39016F	RGB 57 1 111	#39016F
100.0%	100.0% #290061	RGB 41 0 97	#290061

#AA0DB6 #8F0AA7 #760799 #5F058B #4B037D #39016F #290061

#AA0EB6 - #5F058B - #290061

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA0DB6 0%, #5F058B 50%, #290061 100%);
    background: -webkit-linear-gradient(top, #AA0DB6 0%, #5F058B 50%, #290061 100%);
    background: linear-gradient(to bottom, #AA0DB6 0%, #5F058B 50%, #290061 100%);
}
</style>