#5E229A - #5372FF | 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 #5E229A to #5372FF

#5E229A #5372FF

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

#5E229A - #5372FF | 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 #5E229A as 0% and #5372FF as 100%.

0.0%	0.0% #5E229A	RGB 94 34 154	#5E229A
16.7%	16.7% #5C2FAA	RGB 92 47 170	#5C2FAA
33.3%	33.3% #5A3CBB	RGB 90 60 187	#5A3CBB
50.0%	50.0% #584ACC	RGB 88 74 204	#584ACC
66.7%	66.7% #5657DD	RGB 86 87 221	#5657DD
83.3%	83.3% #5464EE	RGB 84 100 238	#5464EE
100.0%	100.0% #5372FF	RGB 83 114 255	#5372FF

#5E229A #5C2FAA #5A3CBB #584ACC #5657DD #5464EE #5372FF

#5E229A - #5372FF

HSV Blend

#5E229A - #5372FF | 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 #5E229A as 0% and #5372FF as 100%.

0.0%	0.0% #5E229A	RGB 94 34 154	#5E229A
16.7%	16.7% #5B28AA	RGB 91 40 170	#5B28AA
33.3%	33.3% #562FBB	RGB 86 47 187	#562FBB
50.0%	50.0% #4F37CC	RGB 79 55 204	#4F37CC
66.7%	66.7% #4740DD	RGB 71 64 221	#4740DD
83.3%	83.3% #4954EE	RGB 73 84 238	#4954EE
100.0%	100.0% #5372FF	RGB 83 114 255	#5372FF

#5E229A #5B28AA #562FBB #4F37CC #4740DD #4954EE #5372FF

#5E229A - #4F37CC - #5372FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E229A 0%, #4F37CC 50%, #5372FF 100%);
    background: -webkit-linear-gradient(top, #5E229A 0%, #4F37CC 50%, #5372FF 100%);
    background: linear-gradient(to bottom, #5E229A 0%, #4F37CC 50%, #5372FF 100%);
}
</style>