#5E3A2F - #471A05 | 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 #5E3A2F to #471A05

#5E3A2F #471A05

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

#5E3A2F - #471A05 | 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 #5E3A2F as 0% and #471A05 as 100%.

0.0%	0.0% #5E3A2F	RGB 94 58 47	#5E3A2F
16.7%	16.7% #5A3428	RGB 90 52 40	#5A3428
33.3%	33.3% #562F21	RGB 86 47 33	#562F21
50.0%	50.0% #522A1A	RGB 82 42 26	#522A1A
66.7%	66.7% #4E2412	RGB 78 36 18	#4E2412
83.3%	83.3% #4A1F0C	RGB 74 31 12	#4A1F0C
100.0%	100.0% #471A05	RGB 71 26 5	#471A05

#5E3A2F #5A3428 #562F21 #522A1A #4E2412 #4A1F0C #471A05

#5E3A2F - #471A05

HSV Blend

#5E3A2F - #471A05 | 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 #5E3A2F as 0% and #471A05 as 100%.

0.0%	0.0% #5E3A2F	RGB 94 58 47	#5E3A2F
16.7%	16.7% #5A3326	RGB 90 51 38	#5A3326
33.3%	33.3% #562D1E	RGB 86 45 30	#562D1E
50.0%	50.0% #522717	RGB 82 39 23	#522717
66.7%	66.7% #4E2210	RGB 78 34 16	#4E2210
83.3%	83.3% #4A1E0A	RGB 74 30 10	#4A1E0A
100.0%	100.0% #471A05	RGB 71 26 5	#471A05

#5E3A2F #5A3326 #562D1E #522717 #4E2210 #4A1E0A #471A05

#5E3A2F - #522717 - #471A05

CSS codes

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

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