#5E52E3 - #31008B | 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 #5E52E3 to #31008B

#5E52E3 #31008B

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

#5E52E3 - #31008B | 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 #5E52E3 as 0% and #31008B as 100%.

0.0%	0.0% #5E52E3	RGB 94 82 227	#5E52E3
16.7%	16.7% #5644D4	RGB 86 68 212	#5644D4
33.3%	33.3% #4F36C5	RGB 79 54 197	#4F36C5
50.0%	50.0% #4729B7	RGB 71 41 183	#4729B7
66.7%	66.7% #401BA8	RGB 64 27 168	#401BA8
83.3%	83.3% #380D99	RGB 56 13 153	#380D99
100.0%	100.0% #31008B	RGB 49 0 139	#31008B

#5E52E3 #5644D4 #4F36C5 #4729B7 #401BA8 #380D99 #31008B

#5E52E3 - #31008B

HSV Blend

#5E52E3 - #31008B | 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 #5E52E3 as 0% and #31008B as 100%.

0.0%	0.0% #5E52E3	RGB 94 82 227	#5E52E3
16.7%	16.7% #523FD4	RGB 82 63 212	#523FD4
33.3%	33.3% #492FC5	RGB 73 47 197	#492FC5
50.0%	50.0% #4121B7	RGB 65 33 183	#4121B7
66.7%	66.7% #3B14A8	RGB 59 20 168	#3B14A8
83.3%	83.3% #350999	RGB 53 9 153	#350999
100.0%	100.0% #31008B	RGB 49 0 139	#31008B

#5E52E3 #523FD4 #492FC5 #4121B7 #3B14A8 #350999 #31008B

#5E52E3 - #4121B7 - #31008B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E52E3 0%, #4121B7 50%, #31008B 100%);
    background: -webkit-linear-gradient(top, #5E52E3 0%, #4121B7 50%, #31008B 100%);
    background: linear-gradient(to bottom, #5E52E3 0%, #4121B7 50%, #31008B 100%);
}
</style>