#5E557D - #AA78E9 | 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 #5E557D to #AA78E9

#5E557D #AA78E9

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

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

0.0%	0.0% #5E557D	RGB 94 85 125	#5E557D
16.7%	16.7% #6A5A8F	RGB 106 90 143	#6A5A8F
33.3%	33.3% #7760A1	RGB 119 96 161	#7760A1
50.0%	50.0% #8466B3	RGB 132 102 179	#8466B3
66.7%	66.7% #906CC5	RGB 144 108 197	#906CC5
83.3%	83.3% #9D72D7	RGB 157 114 215	#9D72D7
100.0%	100.0% #AA78E9	RGB 170 120 233	#AA78E9

#5E557D #6A5A8F #7760A1 #8466B3 #906CC5 #9D72D7 #AA78E9

#5E557D - #AA78E9

HSV Blend

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

0.0%	0.0% #5E557D	RGB 94 85 125	#5E557D
16.7%	16.7% #6A5D8F	RGB 106 93 143	#6A5D8F
33.3%	33.3% #7664A1	RGB 118 100 161	#7664A1
50.0%	50.0% #826AB3	RGB 130 106 179	#826AB3
66.7%	66.7% #8F70C5	RGB 143 112 197	#8F70C5
83.3%	83.3% #9C74D7	RGB 156 116 215	#9C74D7
100.0%	100.0% #AA78E9	RGB 170 120 233	#AA78E9

#5E557D #6A5D8F #7664A1 #826AB3 #8F70C5 #9C74D7 #AA78E9

#5E557D - #826AB3 - #AA78E9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E557D 0%, #826AB3 50%, #AA78E9 100%);
    background: -webkit-linear-gradient(top, #5E557D 0%, #826AB3 50%, #AA78E9 100%);
    background: linear-gradient(to bottom, #5E557D 0%, #826AB3 50%, #AA78E9 100%);
}
</style>