#AF11DC - #31043E | 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 #AF11DC to #31043E

#AF11DC #31043E

Calculate the color between two colors, #AF11DC and #31043E. 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)

#AF11DC - #31043E | 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 #AF11DC as 0% and #31043E as 100%.

0.0%	0.0% #AF11DC	RGB 175 17 220	#AF11DC
16.7%	16.7% #9A0EC1	RGB 154 14 193	#9A0EC1
33.3%	33.3% #850CA7	RGB 133 12 167	#850CA7
50.0%	50.0% #700A8D	RGB 112 10 141	#700A8D
66.7%	66.7% #5B0872	RGB 91 8 114	#5B0872
83.3%	83.3% #460658	RGB 70 6 88	#460658
100.0%	100.0% #31043E	RGB 49 4 62	#31043E

#AF11DC #9A0EC1 #850CA7 #700A8D #5B0872 #460658 #31043E

#AF11DC - #31043E

HSV Blend

#AF11DC - #31043E | 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 #AF11DC as 0% and #31043E as 100%.

0.0%	0.0% #AE10DC	RGB 174 16 220	#AE10DC
16.7%	16.7% #990EC1	RGB 153 14 193	#990EC1
33.3%	33.3% #840CA7	RGB 132 12 167	#840CA7
50.0%	50.0% #6F098D	RGB 111 9 141	#6F098D
66.7%	66.7% #5A0772	RGB 90 7 114	#5A0772
83.3%	83.3% #450558	RGB 69 5 88	#450558
100.0%	100.0% #31043E	RGB 49 4 62	#31043E

#AE10DC #990EC1 #840CA7 #6F098D #5A0772 #450558 #31043E

#AF11DC - #6F098D - #31043E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AE10DC 0%, #6F098D 50%, #31043E 100%);
    background: -webkit-linear-gradient(top, #AE10DC 0%, #6F098D 50%, #31043E 100%);
    background: linear-gradient(to bottom, #AE10DC 0%, #6F098D 50%, #31043E 100%);
}
</style>