#5E547E - #AA77E9 | 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 #5E547E to #AA77E9

#5E547E #AA77E9

Calculate the color between two colors, #5E547E and #AA77E9. 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)

#5E547E - #AA77E9 | 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 #5E547E as 0% and #AA77E9 as 100%.

0.0%	0.0% #5E547E	RGB 94 84 126	#5E547E
16.7%	16.7% #6A598F	RGB 106 89 143	#6A598F
33.3%	33.3% #775FA1	RGB 119 95 161	#775FA1
50.0%	50.0% #8465B3	RGB 132 101 179	#8465B3
66.7%	66.7% #906BC5	RGB 144 107 197	#906BC5
83.3%	83.3% #9D71D7	RGB 157 113 215	#9D71D7
100.0%	100.0% #AA77E9	RGB 170 119 233	#AA77E9

#5E547E #6A598F #775FA1 #8465B3 #906BC5 #9D71D7 #AA77E9

#5E547E - #AA77E9

HSV Blend

#5E547E - #AA77E9 | 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 #5E547E as 0% and #AA77E9 as 100%.

0.0%	0.0% #5E547E	RGB 94 84 126	#5E547E
16.7%	16.7% #6A5C8F	RGB 106 92 143	#6A5C8F
33.3%	33.3% #7663A1	RGB 118 99 161	#7663A1
50.0%	50.0% #8269B3	RGB 130 105 179	#8269B3
66.7%	66.7% #8F6FC5	RGB 143 111 197	#8F6FC5
83.3%	83.3% #9C73D7	RGB 156 115 215	#9C73D7
100.0%	100.0% #AA77E9	RGB 170 119 233	#AA77E9

#5E547E #6A5C8F #7663A1 #8269B3 #8F6FC5 #9C73D7 #AA77E9

#5E547E - #8269B3 - #AA77E9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E547E 0%, #8269B3 50%, #AA77E9 100%);
    background: -webkit-linear-gradient(top, #5E547E 0%, #8269B3 50%, #AA77E9 100%);
    background: linear-gradient(to bottom, #5E547E 0%, #8269B3 50%, #AA77E9 100%);
}
</style>