#AA5EDA - #731BAE | 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 #AA5EDA to #731BAE

#AA5EDA #731BAE

Calculate the color between two colors, #AA5EDA and #731BAE. 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)

#AA5EDA - #731BAE | 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 #AA5EDA as 0% and #731BAE as 100%.

0.0%	0.0% #AA5EDA	RGB 170 94 218	#AA5EDA
16.7%	16.7% #A052D2	RGB 160 82 210	#A052D2
33.3%	33.3% #9747CB	RGB 151 71 203	#9747CB
50.0%	50.0% #8E3CC4	RGB 142 60 196	#8E3CC4
66.7%	66.7% #8531BC	RGB 133 49 188	#8531BC
83.3%	83.3% #7C26B5	RGB 124 38 181	#7C26B5
100.0%	100.0% #731BAE	RGB 115 27 174	#731BAE

#AA5EDA #A052D2 #9747CB #8E3CC4 #8531BC #7C26B5 #731BAE

#AA5EDA - #731BAE

HSV Blend

#AA5EDA - #731BAE | 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 #AA5EDA as 0% and #731BAE as 100%.

0.0%	0.0% #AA5EDA	RGB 170 94 218	#AA5EDA
16.7%	16.7% #A051D2	RGB 160 81 210	#A051D2
33.3%	33.3% #9644CB	RGB 150 68 203	#9644CB
50.0%	50.0% #8D39C4	RGB 141 57 196	#8D39C4
66.7%	66.7% #842EBC	RGB 132 46 188	#842EBC
83.3%	83.3% #7B24B5	RGB 123 36 181	#7B24B5
100.0%	100.0% #731BAE	RGB 115 27 174	#731BAE

#AA5EDA #A051D2 #9644CB #8D39C4 #842EBC #7B24B5 #731BAE

#AA5EDA - #8D39C4 - #731BAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5EDA 0%, #8D39C4 50%, #731BAE 100%);
    background: -webkit-linear-gradient(top, #AA5EDA 0%, #8D39C4 50%, #731BAE 100%);
    background: linear-gradient(to bottom, #AA5EDA 0%, #8D39C4 50%, #731BAE 100%);
}
</style>