#AB0EB6 - #2A0061 | 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 #AB0EB6 to #2A0061

#AB0EB6 #2A0061

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

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

0.0%	0.0% #AB0EB6	RGB 171 14 182	#AB0EB6
16.7%	16.7% #950BA7	RGB 149 11 167	#950BA7
33.3%	33.3% #800999	RGB 128 9 153	#800999
50.0%	50.0% #6A078B	RGB 106 7 139	#6A078B
66.7%	66.7% #55047D	RGB 85 4 125	#55047D
83.3%	83.3% #3F026F	RGB 63 2 111	#3F026F
100.0%	100.0% #2A0061	RGB 42 0 97	#2A0061

#AB0EB6 #950BA7 #800999 #6A078B #55047D #3F026F #2A0061

#AB0EB6 - #2A0061

HSV Blend

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

0.0%	0.0% #AB0DB6	RGB 171 13 182	#AB0DB6
16.7%	16.7% #900AA7	RGB 144 10 167	#900AA7
33.3%	33.3% #770799	RGB 119 7 153	#770799
50.0%	50.0% #61058B	RGB 97 5 139	#61058B
66.7%	66.7% #4C037D	RGB 76 3 125	#4C037D
83.3%	83.3% #3A016F	RGB 58 1 111	#3A016F
100.0%	100.0% #2A0061	RGB 42 0 97	#2A0061

#AB0DB6 #900AA7 #770799 #61058B #4C037D #3A016F #2A0061

#AB0EB6 - #61058B - #2A0061

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB0DB6 0%, #61058B 50%, #2A0061 100%);
    background: -webkit-linear-gradient(top, #AB0DB6 0%, #61058B 50%, #2A0061 100%);
    background: linear-gradient(to bottom, #AB0DB6 0%, #61058B 50%, #2A0061 100%);
}
</style>