#5E4C5C - #4B0A49 | 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 #5E4C5C to #4B0A49

#5E4C5C #4B0A49

Calculate the color between two colors, #5E4C5C and #4B0A49. 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)

#5E4C5C - #4B0A49 | 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 #5E4C5C as 0% and #4B0A49 as 100%.

0.0%	0.0% #5E4C5C	RGB 94 76 92	#5E4C5C
16.7%	16.7% #5A4158	RGB 90 65 88	#5A4158
33.3%	33.3% #573655	RGB 87 54 85	#573655
50.0%	50.0% #542B52	RGB 84 43 82	#542B52
66.7%	66.7% #511F4F	RGB 81 31 79	#511F4F
83.3%	83.3% #4E154C	RGB 78 21 76	#4E154C
100.0%	100.0% #4B0A49	RGB 75 10 73	#4B0A49

#5E4C5C #5A4158 #573655 #542B52 #511F4F #4E154C #4B0A49

#5E4C5C - #4B0A49

HSV Blend

#5E4C5C - #4B0A49 | 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 #5E4C5C as 0% and #4B0A49 as 100%.

0.0%	0.0% #5E4C5C	RGB 94 76 92	#5E4C5C
16.7%	16.7% #5A3F58	RGB 90 63 88	#5A3F58
33.3%	33.3% #573354	RGB 87 51 84	#573354
50.0%	50.0% #542751	RGB 84 39 81	#542751
66.7%	66.7% #511D4E	RGB 81 29 78	#511D4E
83.3%	83.3% #4E134B	RGB 78 19 75	#4E134B
100.0%	100.0% #4B0A49	RGB 75 10 73	#4B0A49

#5E4C5C #5A3F58 #573354 #542751 #511D4E #4E134B #4B0A49

#5E4C5C - #542751 - #4B0A49

CSS codes

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

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