#AE6CDA - #311E3E | 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 #AE6CDA to #311E3E

#AE6CDA #311E3E

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

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

0.0%	0.0% #AE6CDA	RGB 174 108 218	#AE6CDA
16.7%	16.7% #995FC0	RGB 153 95 192	#995FC0
33.3%	33.3% #8452A6	RGB 132 82 166	#8452A6
50.0%	50.0% #6F458C	RGB 111 69 140	#6F458C
66.7%	66.7% #5A3872	RGB 90 56 114	#5A3872
83.3%	83.3% #452B58	RGB 69 43 88	#452B58
100.0%	100.0% #311E3E	RGB 49 30 62	#311E3E

#AE6CDA #995FC0 #8452A6 #6F458C #5A3872 #452B58 #311E3E

#AE6CDA - #311E3E

HSV Blend

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

0.0%	0.0% #AE6CDA	RGB 174 108 218	#AE6CDA
16.7%	16.7% #985EC0	RGB 152 94 192	#985EC0
33.3%	33.3% #8451A6	RGB 132 81 166	#8451A6
50.0%	50.0% #6F448C	RGB 111 68 140	#6F448C
66.7%	66.7% #5A3772	RGB 90 55 114	#5A3772
83.3%	83.3% #452A58	RGB 69 42 88	#452A58
100.0%	100.0% #311E3E	RGB 49 30 62	#311E3E

#AE6CDA #985EC0 #8451A6 #6F448C #5A3772 #452A58 #311E3E

#AE6CDA - #6F448C - #311E3E

CSS codes

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

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