#5E1F54 - #3E043B | 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 #5E1F54 to #3E043B

#5E1F54 #3E043B

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

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

0.0%	0.0% #5E1F54	RGB 94 31 84	#5E1F54
16.7%	16.7% #581A4F	RGB 88 26 79	#581A4F
33.3%	33.3% #53164B	RGB 83 22 75	#53164B
50.0%	50.0% #4E1147	RGB 78 17 71	#4E1147
66.7%	66.7% #480D43	RGB 72 13 67	#480D43
83.3%	83.3% #43083F	RGB 67 8 63	#43083F
100.0%	100.0% #3E043B	RGB 62 4 59	#3E043B

#5E1F54 #581A4F #53164B #4E1147 #480D43 #43083F #3E043B

#5E1F54 - #3E043B

HSV Blend

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

0.0%	0.0% #5E1F54	RGB 94 31 84	#5E1F54
16.7%	16.7% #58194F	RGB 88 25 79	#58194F
33.3%	33.3% #53144B	RGB 83 20 75	#53144B
50.0%	50.0% #4E0F47	RGB 78 15 71	#4E0F47
66.7%	66.7% #480B43	RGB 72 11 67	#480B43
83.3%	83.3% #43073F	RGB 67 7 63	#43073F
100.0%	100.0% #3E043B	RGB 62 4 59	#3E043B

#5E1F54 #58194F #53144B #4E0F47 #480B43 #43073F #3E043B

#5E1F54 - #4E0F47 - #3E043B

CSS codes

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

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