#5E4F3E - #1A1411 | 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 #5E4F3E to #1A1411

#5E4F3E #1A1411

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

#5E4F3E - #1A1411 | 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 #5E4F3E as 0% and #1A1411 as 100%.

0.0%	0.0% #5E4F3E	RGB 94 79 62	#5E4F3E
16.7%	16.7% #524536	RGB 82 69 54	#524536
33.3%	33.3% #473B2F	RGB 71 59 47	#473B2F
50.0%	50.0% #3C3127	RGB 60 49 39	#3C3127
66.7%	66.7% #302720	RGB 48 39 32	#302720
83.3%	83.3% #251D18	RGB 37 29 24	#251D18
100.0%	100.0% #1A1411	RGB 26 20 17	#1A1411

#5E4F3E #524536 #473B2F #3C3127 #302720 #251D18 #1A1411

#5E4F3E - #1A1411

HSV Blend

#5E4F3E - #1A1411 | 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 #5E4F3E as 0% and #1A1411 as 100%.

0.0%	0.0% #5E4F3E	RGB 94 79 62	#5E4F3E
16.7%	16.7% #524436	RGB 82 68 54	#524436
33.3%	33.3% #473A2E	RGB 71 58 46	#473A2E
50.0%	50.0% #3C3027	RGB 60 48 39	#3C3027
66.7%	66.7% #30261F	RGB 48 38 31	#30261F
83.3%	83.3% #251D18	RGB 37 29 24	#251D18
100.0%	100.0% #1A1411	RGB 26 20 17	#1A1411

#5E4F3E #524436 #473A2E #3C3027 #30261F #251D18 #1A1411

#5E4F3E - #3C3027 - #1A1411

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4F3E 0%, #3C3027 50%, #1A1411 100%);
    background: -webkit-linear-gradient(top, #5E4F3E 0%, #3C3027 50%, #1A1411 100%);
    background: linear-gradient(to bottom, #5E4F3E 0%, #3C3027 50%, #1A1411 100%);
}
</style>