#5E3E56 - #4A0739 | 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 #5E3E56 to #4A0739

#5E3E56 #4A0739

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

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

0.0%	0.0% #5E3E56	RGB 94 62 86	#5E3E56
16.7%	16.7% #5A3451	RGB 90 52 81	#5A3451
33.3%	33.3% #572B4C	RGB 87 43 76	#572B4C
50.0%	50.0% #542247	RGB 84 34 71	#542247
66.7%	66.7% #501942	RGB 80 25 66	#501942
83.3%	83.3% #4D103D	RGB 77 16 61	#4D103D
100.0%	100.0% #4A0739	RGB 74 7 57	#4A0739

#5E3E56 #5A3451 #572B4C #542247 #501942 #4D103D #4A0739

#5E3E56 - #4A0739

HSV Blend

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

0.0%	0.0% #5E3E56	RGB 94 62 86	#5E3E56
16.7%	16.7% #5A3350	RGB 90 51 80	#5A3350
33.3%	33.3% #57294B	RGB 87 41 75	#57294B
50.0%	50.0% #541F46	RGB 84 31 70	#541F46
66.7%	66.7% #501642	RGB 80 22 66	#501642
83.3%	83.3% #4D0E3D	RGB 77 14 61	#4D0E3D
100.0%	100.0% #4A0739	RGB 74 7 57	#4A0739

#5E3E56 #5A3350 #57294B #541F46 #501642 #4D0E3D #4A0739

#5E3E56 - #541F46 - #4A0739

CSS codes

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

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