#5E3D3C - #4F1B06 | 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 #5E3D3C to #4F1B06

#5E3D3C #4F1B06

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

#5E3D3C - #4F1B06 | 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 #5E3D3C as 0% and #4F1B06 as 100%.

0.0%	0.0% #5E3D3C	RGB 94 61 60	#5E3D3C
16.7%	16.7% #5B3733	RGB 91 55 51	#5B3733
33.3%	33.3% #59312A	RGB 89 49 42	#59312A
50.0%	50.0% #562C21	RGB 86 44 33	#562C21
66.7%	66.7% #542618	RGB 84 38 24	#542618
83.3%	83.3% #51200F	RGB 81 32 15	#51200F
100.0%	100.0% #4F1B06	RGB 79 27 6	#4F1B06

#5E3D3C #5B3733 #59312A #562C21 #542618 #51200F #4F1B06

#5E3D3C - #4F1B06

HSV Blend

#5E3D3C - #4F1B06 | 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 #5E3D3C as 0% and #4F1B06 as 100%.

0.0%	0.0% #5E3D3C	RGB 94 61 60	#5E3D3C
16.7%	16.7% #5B3431	RGB 91 52 49	#5B3431
33.3%	33.3% #592D28	RGB 89 45 40	#592D28
50.0%	50.0% #56271E	RGB 86 39 30	#56271E
66.7%	66.7% #542216	RGB 84 34 22	#542216
83.3%	83.3% #511E0D	RGB 81 30 13	#511E0D
100.0%	100.0% #4F1B06	RGB 79 27 6	#4F1B06

#5E3D3C #5B3431 #592D28 #56271E #542216 #511E0D #4F1B06

#5E3D3C - #56271E - #4F1B06

CSS codes

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

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