#5E3E5C - #50053A | 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 #5E3E5C to #50053A

#5E3E5C #50053A

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

#5E3E5C - #50053A | 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 #5E3E5C as 0% and #50053A as 100%.

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #5B3456	RGB 91 52 86	#5B3456
33.3%	33.3% #592B50	RGB 89 43 80	#592B50
50.0%	50.0% #57214B	RGB 87 33 75	#57214B
66.7%	66.7% #541845	RGB 84 24 69	#541845
83.3%	83.3% #520E3F	RGB 82 14 63	#520E3F
100.0%	100.0% #50053A	RGB 80 5 58	#50053A

#5E3E5C #5B3456 #592B50 #57214B #541845 #520E3F #50053A

#5E3E5C - #50053A

HSV Blend

#5E3E5C - #50053A | 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 #5E3E5C as 0% and #50053A as 100%.

0.0%	0.0% #5E3E5C	RGB 94 62 92	#5E3E5C
16.7%	16.7% #5B3357	RGB 91 51 87	#5B3357
33.3%	33.3% #592952	RGB 89 41 82	#592952
50.0%	50.0% #571F4D	RGB 87 31 77	#571F4D
66.7%	66.7% #541647	RGB 84 22 71	#541647
83.3%	83.3% #520D40	RGB 82 13 64	#520D40
100.0%	100.0% #50053A	RGB 80 5 58	#50053A

#5E3E5C #5B3357 #592952 #571F4D #541647 #520D40 #50053A

#5E3E5C - #571F4D - #50053A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5C 0%, #571F4D 50%, #50053A 100%);
    background: -webkit-linear-gradient(top, #5E3E5C 0%, #571F4D 50%, #50053A 100%);
    background: linear-gradient(to bottom, #5E3E5C 0%, #571F4D 50%, #50053A 100%);
}
</style>