#5E3755 - #410912 | 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 #5E3755 to #410912

#5E3755 #410912

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

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

0.0%	0.0% #5E3755	RGB 94 55 85	#5E3755
16.7%	16.7% #592F49	RGB 89 47 73	#592F49
33.3%	33.3% #54273E	RGB 84 39 62	#54273E
50.0%	50.0% #4F2033	RGB 79 32 51	#4F2033
66.7%	66.7% #4A1828	RGB 74 24 40	#4A1828
83.3%	83.3% #45101D	RGB 69 16 29	#45101D
100.0%	100.0% #410912	RGB 65 9 18	#410912

#5E3755 #592F49 #54273E #4F2033 #4A1828 #45101D #410912

#5E3755 - #410912

HSV Blend

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

0.0%	0.0% #5E3755	RGB 94 55 85	#5E3755
16.7%	16.7% #592D4A	RGB 89 45 74	#592D4A
33.3%	33.3% #54243F	RGB 84 36 63	#54243F
50.0%	50.0% #4F1C34	RGB 79 28 52	#4F1C34
66.7%	66.7% #4A1528	RGB 74 21 40	#4A1528
83.3%	83.3% #450E1D	RGB 69 14 29	#450E1D
100.0%	100.0% #410912	RGB 65 9 18	#410912

#5E3755 #592D4A #54243F #4F1C34 #4A1528 #450E1D #410912

#5E3755 - #4F1C34 - #410912

CSS codes

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

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