#5E415A - #371023 | 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 #5E415A to #371023

#5E415A #371023

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

#5E415A - #371023 | 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 #5E415A as 0% and #371023 as 100%.

0.0%	0.0% #5E415A	RGB 94 65 90	#5E415A
16.7%	16.7% #573850	RGB 87 56 80	#573850
33.3%	33.3% #513047	RGB 81 48 71	#513047
50.0%	50.0% #4A283E	RGB 74 40 62	#4A283E
66.7%	66.7% #442035	RGB 68 32 53	#442035
83.3%	83.3% #3D182C	RGB 61 24 44	#3D182C
100.0%	100.0% #371023	RGB 55 16 35	#371023

#5E415A #573850 #513047 #4A283E #442035 #3D182C #371023

#5E415A - #371023

HSV Blend

#5E415A - #371023 | 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 #5E415A as 0% and #371023 as 100%.

0.0%	0.0% #5E415A	RGB 94 65 90	#5E415A
16.7%	16.7% #573650	RGB 87 54 80	#573650
33.3%	33.3% #512D47	RGB 81 45 71	#512D47
50.0%	50.0% #4A243E	RGB 74 36 62	#4A243E
66.7%	66.7% #441C34	RGB 68 28 52	#441C34
83.3%	83.3% #3D152B	RGB 61 21 43	#3D152B
100.0%	100.0% #371023	RGB 55 16 35	#371023

#5E415A #573650 #512D47 #4A243E #441C34 #3D152B #371023

#5E415A - #4A243E - #371023

CSS codes

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

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