#5E2B48 - #340424 | 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 #5E2B48 to #340424

#5E2B48 #340424

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

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

0.0%	0.0% #5E2B48	RGB 94 43 72	#5E2B48
16.7%	16.7% #572442	RGB 87 36 66	#572442
33.3%	33.3% #501E3C	RGB 80 30 60	#501E3C
50.0%	50.0% #491736	RGB 73 23 54	#491736
66.7%	66.7% #421030	RGB 66 16 48	#421030
83.3%	83.3% #3B0A2A	RGB 59 10 42	#3B0A2A
100.0%	100.0% #340424	RGB 52 4 36	#340424

#5E2B48 #572442 #501E3C #491736 #421030 #3B0A2A #340424

#5E2B48 - #340424

HSV Blend

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

0.0%	0.0% #5E2B48	RGB 94 43 72	#5E2B48
16.7%	16.7% #572241	RGB 87 34 65	#572241
33.3%	33.3% #501A3A	RGB 80 26 58	#501A3A
50.0%	50.0% #491334	RGB 73 19 52	#491334
66.7%	66.7% #420D2E	RGB 66 13 46	#420D2E
83.3%	83.3% #3B0829	RGB 59 8 41	#3B0829
100.0%	100.0% #340424	RGB 52 4 36	#340424

#5E2B48 #572241 #501A3A #491334 #420D2E #3B0829 #340424

#5E2B48 - #491334 - #340424

CSS codes

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

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