#5E4BB7 - #300257 | 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 #5E4BB7 to #300257

#5E4BB7 #300257

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

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

0.0%	0.0% #5E4BB7	RGB 94 75 183	#5E4BB7
16.7%	16.7% #563EA7	RGB 86 62 167	#563EA7
33.3%	33.3% #4E3297	RGB 78 50 151	#4E3297
50.0%	50.0% #472687	RGB 71 38 135	#472687
66.7%	66.7% #3F1A77	RGB 63 26 119	#3F1A77
83.3%	83.3% #370E67	RGB 55 14 103	#370E67
100.0%	100.0% #300257	RGB 48 2 87	#300257

#5E4BB7 #563EA7 #4E3297 #472687 #3F1A77 #370E67 #300257

#5E4BB7 - #300257

HSV Blend

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

0.0%	0.0% #5D4BB7	RGB 93 75 183	#5D4BB7
16.7%	16.7% #5339A7	RGB 83 57 167	#5339A7
33.3%	33.3% #4A2A97	RGB 74 42 151	#4A2A97
50.0%	50.0% #431D87	RGB 67 29 135	#431D87
66.7%	66.7% #3C1277	RGB 60 18 119	#3C1277
83.3%	83.3% #360967	RGB 54 9 103	#360967
100.0%	100.0% #300257	RGB 48 2 87	#300257

#5D4BB7 #5339A7 #4A2A97 #431D87 #3C1277 #360967 #300257

#5E4BB7 - #431D87 - #300257

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D4BB7 0%, #431D87 50%, #300257 100%);
    background: -webkit-linear-gradient(top, #5D4BB7 0%, #431D87 50%, #300257 100%);
    background: linear-gradient(to bottom, #5D4BB7 0%, #431D87 50%, #300257 100%);
}
</style>