#5E1E54 - #3E043C | 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 #5E1E54 to #3E043C

#5E1E54 #3E043C

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

#5E1E54 - #3E043C | 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 #5E1E54 as 0% and #3E043C as 100%.

0.0%	0.0% #5E1E54	RGB 94 30 84	#5E1E54
16.7%	16.7% #581950	RGB 88 25 80	#581950
33.3%	33.3% #53154C	RGB 83 21 76	#53154C
50.0%	50.0% #4E1148	RGB 78 17 72	#4E1148
66.7%	66.7% #480C44	RGB 72 12 68	#480C44
83.3%	83.3% #430840	RGB 67 8 64	#430840
100.0%	100.0% #3E043C	RGB 62 4 60	#3E043C

#5E1E54 #581950 #53154C #4E1148 #480C44 #430840 #3E043C

#5E1E54 - #3E043C

HSV Blend

#5E1E54 - #3E043C | 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 #5E1E54 as 0% and #3E043C as 100%.

0.0%	0.0% #5E1E54	RGB 94 30 84	#5E1E54
16.7%	16.7% #58184F	RGB 88 24 79	#58184F
33.3%	33.3% #53134B	RGB 83 19 75	#53134B
50.0%	50.0% #4E0E47	RGB 78 14 71	#4E0E47
66.7%	66.7% #480A44	RGB 72 10 68	#480A44
83.3%	83.3% #430740	RGB 67 7 64	#430740
100.0%	100.0% #3E043C	RGB 62 4 60	#3E043C

#5E1E54 #58184F #53134B #4E0E47 #480A44 #430740 #3E043C

#5E1E54 - #4E0E47 - #3E043C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1E54 0%, #4E0E47 50%, #3E043C 100%);
    background: -webkit-linear-gradient(top, #5E1E54 0%, #4E0E47 50%, #3E043C 100%);
    background: linear-gradient(to bottom, #5E1E54 0%, #4E0E47 50%, #3E043C 100%);
}
</style>