#5E4F18 - #1A1606 | 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 #5E4F18 to #1A1606

#5E4F18 #1A1606

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

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

0.0%	0.0% #5E4F18	RGB 94 79 24	#5E4F18
16.7%	16.7% #524515	RGB 82 69 21	#524515
33.3%	33.3% #473C12	RGB 71 60 18	#473C12
50.0%	50.0% #3C320F	RGB 60 50 15	#3C320F
66.7%	66.7% #30290C	RGB 48 41 12	#30290C
83.3%	83.3% #251F09	RGB 37 31 9	#251F09
100.0%	100.0% #1A1606	RGB 26 22 6	#1A1606

#5E4F18 #524515 #473C12 #3C320F #30290C #251F09 #1A1606

#5E4F18 - #1A1606

HSV Blend

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

0.0%	0.0% #5E4F18	RGB 94 79 24	#5E4F18
16.7%	16.7% #524514	RGB 82 69 20	#524514
33.3%	33.3% #473C11	RGB 71 60 17	#473C11
50.0%	50.0% #3C320E	RGB 60 50 14	#3C320E
66.7%	66.7% #30290B	RGB 48 41 11	#30290B
83.3%	83.3% #251F08	RGB 37 31 8	#251F08
100.0%	100.0% #1A1606	RGB 26 22 6	#1A1606

#5E4F18 #524514 #473C11 #3C320E #30290B #251F08 #1A1606

#5E4F18 - #3C320E - #1A1606

CSS codes

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

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