#4E1E5E - #8B849D | 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 #4E1E5E to #8B849D

#4E1E5E #8B849D

Calculate the color between two colors, #4E1E5E and #8B849D. 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)

#4E1E5E - #8B849D | 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 #4E1E5E as 0% and #8B849D as 100%.

0.0%	0.0% #4E1E5E	RGB 78 30 94	#4E1E5E
16.7%	16.7% #582F68	RGB 88 47 104	#582F68
33.3%	33.3% #624073	RGB 98 64 115	#624073
50.0%	50.0% #6C517D	RGB 108 81 125	#6C517D
66.7%	66.7% #766288	RGB 118 98 136	#766288
83.3%	83.3% #807392	RGB 128 115 146	#807392
100.0%	100.0% #8B849D	RGB 139 132 157	#8B849D

#4E1E5E #582F68 #624073 #6C517D #766288 #807392 #8B849D

#4E1E5E - #8B849D

HSV Blend

#4E1E5E - #8B849D | 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 #4E1E5E as 0% and #8B849D as 100%.

0.0%	0.0% #4E1E5E	RGB 78 30 94	#4E1E5E
16.7%	16.7% #542A68	RGB 84 42 104	#542A68
33.3%	33.3% #5B3873	RGB 91 56 115	#5B3873
50.0%	50.0% #63487D	RGB 99 72 125	#63487D
66.7%	66.7% #6E5A88	RGB 110 90 136	#6E5A88
83.3%	83.3% #7B6E92	RGB 123 110 146	#7B6E92
100.0%	100.0% #8B849D	RGB 139 132 157	#8B849D

#4E1E5E #542A68 #5B3873 #63487D #6E5A88 #7B6E92 #8B849D

#4E1E5E - #63487D - #8B849D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E1E5E 0%, #63487D 50%, #8B849D 100%);
    background: -webkit-linear-gradient(top, #4E1E5E 0%, #63487D 50%, #8B849D 100%);
    background: linear-gradient(to bottom, #4E1E5E 0%, #63487D 50%, #8B849D 100%);
}
</style>