#4E2B50 - #6C5E9A | 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 #4E2B50 to #6C5E9A

#4E2B50 #6C5E9A

Calculate the color between two colors, #4E2B50 and #6C5E9A. 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)

#4E2B50 - #6C5E9A | 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 #4E2B50 as 0% and #6C5E9A as 100%.

0.0%	0.0% #4E2B50	RGB 78 43 80	#4E2B50
16.7%	16.7% #53335C	RGB 83 51 92	#53335C
33.3%	33.3% #583C68	RGB 88 60 104	#583C68
50.0%	50.0% #5D4475	RGB 93 68 117	#5D4475
66.7%	66.7% #624D81	RGB 98 77 129	#624D81
83.3%	83.3% #67558D	RGB 103 85 141	#67558D
100.0%	100.0% #6C5E9A	RGB 108 94 154	#6C5E9A

#4E2B50 #53335C #583C68 #5D4475 #624D81 #67558D #6C5E9A

#4E2B50 - #6C5E9A

HSV Blend

#4E2B50 - #6C5E9A | 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 #4E2B50 as 0% and #6C5E9A as 100%.

0.0%	0.0% #4E2B50	RGB 78 43 80	#4E2B50
16.7%	16.7% #55325C	RGB 85 50 92	#55325C
33.3%	33.3% #5B3A68	RGB 91 58 104	#5B3A68
50.0%	50.0% #604375	RGB 96 67 117	#604375
66.7%	66.7% #654B81	RGB 101 75 129	#654B81
83.3%	83.3% #68548D	RGB 104 84 141	#68548D
100.0%	100.0% #6C5E9A	RGB 108 94 154	#6C5E9A

#4E2B50 #55325C #5B3A68 #604375 #654B81 #68548D #6C5E9A

#4E2B50 - #604375 - #6C5E9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E2B50 0%, #604375 50%, #6C5E9A 100%);
    background: -webkit-linear-gradient(top, #4E2B50 0%, #604375 50%, #6C5E9A 100%);
    background: linear-gradient(to bottom, #4E2B50 0%, #604375 50%, #6C5E9A 100%);
}
</style>