#5E3387 - #23042C | 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 #5E3387 to #23042C

#5E3387 #23042C

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

#5E3387 - #23042C | 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 #5E3387 as 0% and #23042C as 100%.

0.0%	0.0% #5E3387	RGB 94 51 135	#5E3387
16.7%	16.7% #542B77	RGB 84 43 119	#542B77
33.3%	33.3% #4A2368	RGB 74 35 104	#4A2368
50.0%	50.0% #401B59	RGB 64 27 89	#401B59
66.7%	66.7% #36134A	RGB 54 19 74	#36134A
83.3%	83.3% #2C0B3B	RGB 44 11 59	#2C0B3B
100.0%	100.0% #23042C	RGB 35 4 44	#23042C

#5E3387 #542B77 #4A2368 #401B59 #36134A #2C0B3B #23042C

#5E3387 - #23042C

HSV Blend

#5E3387 - #23042C | 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 #5E3387 as 0% and #23042C as 100%.

0.0%	0.0% #5E3387	RGB 94 51 135	#5E3387
16.7%	16.7% #542777	RGB 84 39 119	#542777
33.3%	33.3% #4A1D68	RGB 74 29 104	#4A1D68
50.0%	50.0% #411459	RGB 65 20 89	#411459
66.7%	66.7% #370D4A	RGB 55 13 74	#370D4A
83.3%	83.3% #2D083B	RGB 45 8 59	#2D083B
100.0%	100.0% #23042C	RGB 35 4 44	#23042C

#5E3387 #542777 #4A1D68 #411459 #370D4A #2D083B #23042C

#5E3387 - #411459 - #23042C

CSS codes

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

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