#5E4D3E - #421304 | 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 #5E4D3E to #421304

#5E4D3E #421304

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

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

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #594334	RGB 89 67 52	#594334
33.3%	33.3% #54392A	RGB 84 57 42	#54392A
50.0%	50.0% #503021	RGB 80 48 33	#503021
66.7%	66.7% #4B2617	RGB 75 38 23	#4B2617
83.3%	83.3% #461C0D	RGB 70 28 13	#461C0D
100.0%	100.0% #421304	RGB 66 19 4	#421304

#5E4D3E #594334 #54392A #503021 #4B2617 #461C0D #421304

#5E4D3E - #421304

HSV Blend

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

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #594232	RGB 89 66 50	#594232
33.3%	33.3% #543826	RGB 84 56 38	#543826
50.0%	50.0% #502E1C	RGB 80 46 28	#502E1C
66.7%	66.7% #4B2513	RGB 75 37 19	#4B2513
83.3%	83.3% #461B0B	RGB 70 27 11	#461B0B
100.0%	100.0% #421304	RGB 66 19 4	#421304

#5E4D3E #594232 #543826 #502E1C #4B2513 #461B0B #421304

#5E4D3E - #502E1C - #421304

CSS codes

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

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