#AA5EBE - #8191FF | 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 #AA5EBE to #8191FF

#AA5EBE #8191FF

Calculate the color between two colors, #AA5EBE and #8191FF. 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)

#AA5EBE - #8191FF | 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 #AA5EBE as 0% and #8191FF as 100%.

0.0%	0.0% #AA5EBE	RGB 170 94 190	#AA5EBE
16.7%	16.7% #A366C8	RGB 163 102 200	#A366C8
33.3%	33.3% #9C6FD3	RGB 156 111 211	#9C6FD3
50.0%	50.0% #9577DE	RGB 149 119 222	#9577DE
66.7%	66.7% #8E80E9	RGB 142 128 233	#8E80E9
83.3%	83.3% #8788F4	RGB 135 136 244	#8788F4
100.0%	100.0% #8191FF	RGB 129 145 255	#8191FF

#AA5EBE #A366C8 #9C6FD3 #9577DE #8E80E9 #8788F4 #8191FF

#AA5EBE - #8191FF

HSV Blend

#AA5EBE - #8191FF | 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 #AA5EBE as 0% and #8191FF as 100%.

0.0%	0.0% #AA5EBE	RGB 170 94 190	#AA5EBE
16.7%	16.7% #A463C8	RGB 164 99 200	#A463C8
33.3%	33.3% #9D69D3	RGB 157 105 211	#9D69D3
50.0%	50.0% #946FDE	RGB 148 111 222	#946FDE
66.7%	66.7% #8975E9	RGB 137 117 233	#8975E9
83.3%	83.3% #7E7BF4	RGB 126 123 244	#7E7BF4
100.0%	100.0% #8191FF	RGB 129 145 255	#8191FF

#AA5EBE #A463C8 #9D69D3 #946FDE #8975E9 #7E7BF4 #8191FF

#AA5EBE - #946FDE - #8191FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA5EBE 0%, #946FDE 50%, #8191FF 100%);
    background: -webkit-linear-gradient(top, #AA5EBE 0%, #946FDE 50%, #8191FF 100%);
    background: linear-gradient(to bottom, #AA5EBE 0%, #946FDE 50%, #8191FF 100%);
}
</style>