#AA70FF - #831DEC | 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 #AA70FF to #831DEC

#AA70FF #831DEC

Calculate the color between two colors, #AA70FF and #831DEC. 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)

#AA70FF - #831DEC | 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 #AA70FF as 0% and #831DEC as 100%.

0.0%	0.0% #AA70FF	RGB 170 112 255	#AA70FF
16.7%	16.7% #A362FB	RGB 163 98 251	#A362FB
33.3%	33.3% #9D54F8	RGB 157 84 248	#9D54F8
50.0%	50.0% #9646F5	RGB 150 70 245	#9646F5
66.7%	66.7% #9038F2	RGB 144 56 242	#9038F2
83.3%	83.3% #892AEF	RGB 137 42 239	#892AEF
100.0%	100.0% #831DEC	RGB 131 29 236	#831DEC

#AA70FF #A362FB #9D54F8 #9646F5 #9038F2 #892AEF #831DEC

#AA70FF - #831DEC

HSV Blend

#AA70FF - #831DEC | 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 #AA70FF as 0% and #831DEC as 100%.

0.0%	0.0% #AA70FF	RGB 170 112 255	#AA70FF
16.7%	16.7% #A261FB	RGB 162 97 251	#A261FB
33.3%	33.3% #9B52F8	RGB 155 82 248	#9B52F8
50.0%	50.0% #9444F5	RGB 148 68 245	#9444F5
66.7%	66.7% #8E37F2	RGB 142 55 242	#8E37F2
83.3%	83.3% #8829EF	RGB 136 41 239	#8829EF
100.0%	100.0% #831DEC	RGB 131 29 236	#831DEC

#AA70FF #A261FB #9B52F8 #9444F5 #8E37F2 #8829EF #831DEC

#AA70FF - #9444F5 - #831DEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA70FF 0%, #9444F5 50%, #831DEC 100%);
    background: -webkit-linear-gradient(top, #AA70FF 0%, #9444F5 50%, #831DEC 100%);
    background: linear-gradient(to bottom, #AA70FF 0%, #9444F5 50%, #831DEC 100%);
}
</style>