#5E3143 - #340D0E | 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 #5E3143 to #340D0E

#5E3143 #340D0E

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

#5E3143 - #340D0E | 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 #5E3143 as 0% and #340D0E as 100%.

0.0%	0.0% #5E3143	RGB 94 49 67	#5E3143
16.7%	16.7% #572B3A	RGB 87 43 58	#572B3A
33.3%	33.3% #502531	RGB 80 37 49	#502531
50.0%	50.0% #491F28	RGB 73 31 40	#491F28
66.7%	66.7% #42191F	RGB 66 25 31	#42191F
83.3%	83.3% #3B1316	RGB 59 19 22	#3B1316
100.0%	100.0% #340D0E	RGB 52 13 14	#340D0E

#5E3143 #572B3A #502531 #491F28 #42191F #3B1316 #340D0E

#5E3143 - #340D0E

HSV Blend

#5E3143 - #340D0E | 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 #5E3143 as 0% and #340D0E as 100%.

0.0%	0.0% #5E3143	RGB 94 49 67	#5E3143
16.7%	16.7% #572938	RGB 87 41 56	#572938
33.3%	33.3% #50222E	RGB 80 34 46	#50222E
50.0%	50.0% #491C25	RGB 73 28 37	#491C25
66.7%	66.7% #42161D	RGB 66 22 29	#42161D
83.3%	83.3% #3B1115	RGB 59 17 21	#3B1115
100.0%	100.0% #340D0E	RGB 52 13 14	#340D0E

#5E3143 #572938 #50222E #491C25 #42161D #3B1115 #340D0E

#5E3143 - #491C25 - #340D0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3143 0%, #491C25 50%, #340D0E 100%);
    background: -webkit-linear-gradient(top, #5E3143 0%, #491C25 50%, #340D0E 100%);
    background: linear-gradient(to bottom, #5E3143 0%, #491C25 50%, #340D0E 100%);
}
</style>