#5E4CC1 - #310061 | 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 #5E4CC1 to #310061

#5E4CC1 #310061

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

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

0.0%	0.0% #5E4CC1	RGB 94 76 193	#5E4CC1
16.7%	16.7% #563FB1	RGB 86 63 177	#563FB1
33.3%	33.3% #4F32A1	RGB 79 50 161	#4F32A1
50.0%	50.0% #472691	RGB 71 38 145	#472691
66.7%	66.7% #401981	RGB 64 25 129	#401981
83.3%	83.3% #380C71	RGB 56 12 113	#380C71
100.0%	100.0% #310061	RGB 49 0 97	#310061

#5E4CC1 #563FB1 #4F32A1 #472691 #401981 #380C71 #310061

#5E4CC1 - #310061

HSV Blend

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

0.0%	0.0% #5E4CC1	RGB 94 76 193	#5E4CC1
16.7%	16.7% #533AB1	RGB 83 58 177	#533AB1
33.3%	33.3% #4A2AA1	RGB 74 42 161	#4A2AA1
50.0%	50.0% #421C91	RGB 66 28 145	#421C91
66.7%	66.7% #3C1081	RGB 60 16 129	#3C1081
83.3%	83.3% #360771	RGB 54 7 113	#360771
100.0%	100.0% #310061	RGB 49 0 97	#310061

#5E4CC1 #533AB1 #4A2AA1 #421C91 #3C1081 #360771 #310061

#5E4CC1 - #421C91 - #310061

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4CC1 0%, #421C91 50%, #310061 100%);
    background: -webkit-linear-gradient(top, #5E4CC1 0%, #421C91 50%, #310061 100%);
    background: linear-gradient(to bottom, #5E4CC1 0%, #421C91 50%, #310061 100%);
}
</style>