#5E1844 - #31030D | 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 #5E1844 to #31030D

#5E1844 #31030D

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

#5E1844 - #31030D | 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 #5E1844 as 0% and #31030D as 100%.

0.0%	0.0% #5E1844	RGB 94 24 68	#5E1844
16.7%	16.7% #56143A	RGB 86 20 58	#56143A
33.3%	33.3% #4F1131	RGB 79 17 49	#4F1131
50.0%	50.0% #470D28	RGB 71 13 40	#470D28
66.7%	66.7% #400A1F	RGB 64 10 31	#400A1F
83.3%	83.3% #380616	RGB 56 6 22	#380616
100.0%	100.0% #31030D	RGB 49 3 13	#31030D

#5E1844 #56143A #4F1131 #470D28 #400A1F #380616 #31030D

#5E1844 - #31030D

HSV Blend

#5E1844 - #31030D | 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 #5E1844 as 0% and #31030D as 100%.

0.0%	0.0% #5E1844	RGB 94 24 68	#5E1844
16.7%	16.7% #561338	RGB 86 19 56	#561338
33.3%	33.3% #4F0F2E	RGB 79 15 46	#4F0F2E
50.0%	50.0% #470B24	RGB 71 11 36	#470B24
66.7%	66.7% #40081B	RGB 64 8 27	#40081B
83.3%	83.3% #380513	RGB 56 5 19	#380513
100.0%	100.0% #31030D	RGB 49 3 13	#31030D

#5E1844 #561338 #4F0F2E #470B24 #40081B #380513 #31030D

#5E1844 - #470B24 - #31030D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1844 0%, #470B24 50%, #31030D 100%);
    background: -webkit-linear-gradient(top, #5E1844 0%, #470B24 50%, #31030D 100%);
    background: linear-gradient(to bottom, #5E1844 0%, #470B24 50%, #31030D 100%);
}
</style>