#4E3E5E - #3D0550 | 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 #4E3E5E to #3D0550

#4E3E5E #3D0550

Calculate the color between two colors, #4E3E5E and #3D0550. 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)

#4E3E5E - #3D0550 | 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 #4E3E5E as 0% and #3D0550 as 100%.

0.0%	0.0% #4E3E5E	RGB 78 62 94	#4E3E5E
16.7%	16.7% #4B345B	RGB 75 52 91	#4B345B
33.3%	33.3% #482B59	RGB 72 43 89	#482B59
50.0%	50.0% #452157	RGB 69 33 87	#452157
66.7%	66.7% #421854	RGB 66 24 84	#421854
83.3%	83.3% #3F0E52	RGB 63 14 82	#3F0E52
100.0%	100.0% #3D0550	RGB 61 5 80	#3D0550

#4E3E5E #4B345B #482B59 #452157 #421854 #3F0E52 #3D0550

#4E3E5E - #3D0550

HSV Blend

#4E3E5E - #3D0550 | 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 #4E3E5E as 0% and #3D0550 as 100%.

0.0%	0.0% #4E3E5E	RGB 78 62 94	#4E3E5E
16.7%	16.7% #49335B	RGB 73 51 91	#49335B
33.3%	33.3% #452959	RGB 69 41 89	#452959
50.0%	50.0% #421F57	RGB 66 31 87	#421F57
66.7%	66.7% #3F1654	RGB 63 22 84	#3F1654
83.3%	83.3% #3E0D52	RGB 62 13 82	#3E0D52
100.0%	100.0% #3D0550	RGB 61 5 80	#3D0550

#4E3E5E #49335B #452959 #421F57 #3F1654 #3E0D52 #3D0550

#4E3E5E - #421F57 - #3D0550

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E3E5E 0%, #421F57 50%, #3D0550 100%);
    background: -webkit-linear-gradient(top, #4E3E5E 0%, #421F57 50%, #3D0550 100%);
    background: linear-gradient(to bottom, #4E3E5E 0%, #421F57 50%, #3D0550 100%);
}
</style>