#5E3C2F - #31220D | 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 #5E3C2F to #31220D

#5E3C2F #31220D

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

#5E3C2F - #31220D | 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 #5E3C2F as 0% and #31220D as 100%.

0.0%	0.0% #5E3C2F	RGB 94 60 47	#5E3C2F
16.7%	16.7% #563729	RGB 86 55 41	#563729
33.3%	33.3% #4F3323	RGB 79 51 35	#4F3323
50.0%	50.0% #472F1E	RGB 71 47 30	#472F1E
66.7%	66.7% #402A18	RGB 64 42 24	#402A18
83.3%	83.3% #382612	RGB 56 38 18	#382612
100.0%	100.0% #31220D	RGB 49 34 13	#31220D

#5E3C2F #563729 #4F3323 #472F1E #402A18 #382612 #31220D

#5E3C2F - #31220D

HSV Blend

#5E3C2F - #31220D | 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 #5E3C2F as 0% and #31220D as 100%.

0.0%	0.0% #5E3C2F	RGB 94 60 47	#5E3C2F
16.7%	16.7% #563727	RGB 86 55 39	#563727
33.3%	33.3% #4F3221	RGB 79 50 33	#4F3221
50.0%	50.0% #472E1B	RGB 71 46 27	#472E1B
66.7%	66.7% #402A15	RGB 64 42 21	#402A15
83.3%	83.3% #382611	RGB 56 38 17	#382611
100.0%	100.0% #31220D	RGB 49 34 13	#31220D

#5E3C2F #563727 #4F3221 #472E1B #402A15 #382611 #31220D

#5E3C2F - #472E1B - #31220D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C2F 0%, #472E1B 50%, #31220D 100%);
    background: -webkit-linear-gradient(top, #5E3C2F 0%, #472E1B 50%, #31220D 100%);
    background: linear-gradient(to bottom, #5E3C2F 0%, #472E1B 50%, #31220D 100%);
}
</style>