#5B5E3C - #1C080B | 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 #5B5E3C to #1C080B

#5B5E3C #1C080B

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

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

0.0%	0.0% #5B5E3C	RGB 91 94 60	#5B5E3C
16.7%	16.7% #504F33	RGB 80 79 51	#504F33
33.3%	33.3% #46412B	RGB 70 65 43	#46412B
50.0%	50.0% #3B3323	RGB 59 51 35	#3B3323
66.7%	66.7% #31241B	RGB 49 36 27	#31241B
83.3%	83.3% #261613	RGB 38 22 19	#261613
100.0%	100.0% #1C080B	RGB 28 8 11	#1C080B

#5B5E3C #504F33 #46412B #3B3323 #31241B #261613 #1C080B

#5B5E3C - #1C080B

HSV Blend

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

0.0%	0.0% #5B5E3C	RGB 91 94 60	#5B5E3C
16.7%	16.7% #534E30	RGB 83 78 48	#534E30
33.3%	33.3% #483C25	RGB 72 60 37	#483C25
50.0%	50.0% #3D2B1C	RGB 61 43 28	#3D2B1C
66.7%	66.7% #321C14	RGB 50 28 20	#321C14
83.3%	83.3% #270E0D	RGB 39 14 13	#270E0D
100.0%	100.0% #1C080B	RGB 28 8 11	#1C080B

#5B5E3C #534E30 #483C25 #3D2B1C #321C14 #270E0D #1C080B

#5B5E3C - #3D2B1C - #1C080B

CSS codes

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

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