#AF61D9 - #311B3E | 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 #AF61D9 to #311B3E

#AF61D9 #311B3E

Calculate the color between two colors, #AF61D9 and #311B3E. 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)

#AF61D9 - #311B3E | 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 #AF61D9 as 0% and #311B3E as 100%.

0.0%	0.0% #AF61D9	RGB 175 97 217	#AF61D9
16.7%	16.7% #9A55BF	RGB 154 85 191	#9A55BF
33.3%	33.3% #8549A5	RGB 133 73 165	#8549A5
50.0%	50.0% #703E8B	RGB 112 62 139	#703E8B
66.7%	66.7% #5B3271	RGB 91 50 113	#5B3271
83.3%	83.3% #462657	RGB 70 38 87	#462657
100.0%	100.0% #311B3E	RGB 49 27 62	#311B3E

#AF61D9 #9A55BF #8549A5 #703E8B #5B3271 #462657 #311B3E

#AF61D9 - #311B3E

HSV Blend

#AF61D9 - #311B3E | 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 #AF61D9 as 0% and #311B3E as 100%.

0.0%	0.0% #AF61D9	RGB 175 97 217	#AF61D9
16.7%	16.7% #9955BF	RGB 153 85 191	#9955BF
33.3%	33.3% #8449A5	RGB 132 73 165	#8449A5
50.0%	50.0% #6F3D8B	RGB 111 61 139	#6F3D8B
66.7%	66.7% #5A3171	RGB 90 49 113	#5A3171
83.3%	83.3% #452657	RGB 69 38 87	#452657
100.0%	100.0% #311B3E	RGB 49 27 62	#311B3E

#AF61D9 #9955BF #8449A5 #6F3D8B #5A3171 #452657 #311B3E

#AF61D9 - #6F3D8B - #311B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF61D9 0%, #6F3D8B 50%, #311B3E 100%);
    background: -webkit-linear-gradient(top, #AF61D9 0%, #6F3D8B 50%, #311B3E 100%);
    background: linear-gradient(to bottom, #AF61D9 0%, #6F3D8B 50%, #311B3E 100%);
}
</style>