#5E144F - #3A0639 | 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 #5E144F to #3A0639

#5E144F #3A0639

Calculate the color between two colors, #5E144F and #3A0639. 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)

#5E144F - #3A0639 | 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 #5E144F as 0% and #3A0639 as 100%.

0.0%	0.0% #5E144F	RGB 94 20 79	#5E144F
16.7%	16.7% #58114B	RGB 88 17 75	#58114B
33.3%	33.3% #520F47	RGB 82 15 71	#520F47
50.0%	50.0% #4C0D44	RGB 76 13 68	#4C0D44
66.7%	66.7% #460A40	RGB 70 10 64	#460A40
83.3%	83.3% #40083C	RGB 64 8 60	#40083C
100.0%	100.0% #3A0639	RGB 58 6 57	#3A0639

#5E144F #58114B #520F47 #4C0D44 #460A40 #40083C #3A0639

#5E144F - #3A0639

HSV Blend

#5E144F - #3A0639 | 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 #5E144F as 0% and #3A0639 as 100%.

0.0%	0.0% #5E134F	RGB 94 19 79	#5E134F
16.7%	16.7% #58114B	RGB 88 17 75	#58114B
33.3%	33.3% #520E48	RGB 82 14 72	#520E48
50.0%	50.0% #4C0C44	RGB 76 12 68	#4C0C44
66.7%	66.7% #460941	RGB 70 9 65	#460941
83.3%	83.3% #40073D	RGB 64 7 61	#40073D
100.0%	100.0% #3A0639	RGB 58 6 57	#3A0639

#5E134F #58114B #520E48 #4C0C44 #460941 #40073D #3A0639

#5E144F - #4C0C44 - #3A0639

CSS codes

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

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