#5E3899 - #280239 | 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 #5E3899 to #280239

#5E3899 #280239

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

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

0.0%	0.0% #5E3899	RGB 94 56 153	#5E3899
16.7%	16.7% #552F89	RGB 85 47 137	#552F89
33.3%	33.3% #4C2679	RGB 76 38 121	#4C2679
50.0%	50.0% #431D69	RGB 67 29 105	#431D69
66.7%	66.7% #3A1459	RGB 58 20 89	#3A1459
83.3%	83.3% #310B49	RGB 49 11 73	#310B49
100.0%	100.0% #280239	RGB 40 2 57	#280239

#5E3899 #552F89 #4C2679 #431D69 #3A1459 #310B49 #280239

#5E3899 - #280239

HSV Blend

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

0.0%	0.0% #5D3899	RGB 93 56 153	#5D3899
16.7%	16.7% #542A89	RGB 84 42 137	#542A89
33.3%	33.3% #4B1E79	RGB 75 30 121	#4B1E79
50.0%	50.0% #421569	RGB 66 21 105	#421569
66.7%	66.7% #390C59	RGB 57 12 89	#390C59
83.3%	83.3% #310649	RGB 49 6 73	#310649
100.0%	100.0% #280239	RGB 40 2 57	#280239

#5D3899 #542A89 #4B1E79 #421569 #390C59 #310649 #280239

#5E3899 - #421569 - #280239

CSS codes

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

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