#5E465B - #4E0940 | 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 #5E465B to #4E0940

#5E465B #4E0940

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

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

0.0%	0.0% #5E465B	RGB 94 70 91	#5E465B
16.7%	16.7% #5B3B56	RGB 91 59 86	#5B3B56
33.3%	33.3% #583152	RGB 88 49 82	#583152
50.0%	50.0% #56274D	RGB 86 39 77	#56274D
66.7%	66.7% #531D49	RGB 83 29 73	#531D49
83.3%	83.3% #501344	RGB 80 19 68	#501344
100.0%	100.0% #4E0940	RGB 78 9 64	#4E0940

#5E465B #5B3B56 #583152 #56274D #531D49 #501344 #4E0940

#5E465B - #4E0940

HSV Blend

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

0.0%	0.0% #5E465B	RGB 94 70 91	#5E465B
16.7%	16.7% #5B3A56	RGB 91 58 86	#5B3A56
33.3%	33.3% #582F52	RGB 88 47 82	#582F52
50.0%	50.0% #56244D	RGB 86 36 77	#56244D
66.7%	66.7% #531B49	RGB 83 27 73	#531B49
83.3%	83.3% #501144	RGB 80 17 68	#501144
100.0%	100.0% #4E0940	RGB 78 9 64	#4E0940

#5E465B #5B3A56 #582F52 #56244D #531B49 #501144 #4E0940

#5E465B - #56244D - #4E0940

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E465B 0%, #56244D 50%, #4E0940 100%);
    background: -webkit-linear-gradient(top, #5E465B 0%, #56244D 50%, #4E0940 100%);
    background: linear-gradient(to bottom, #5E465B 0%, #56244D 50%, #4E0940 100%);
}
</style>