#5E4C18 - #1A1506 | 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 #5E4C18 to #1A1506

#5E4C18 #1A1506

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

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

0.0%	0.0% #5E4C18	RGB 94 76 24	#5E4C18
16.7%	16.7% #524215	RGB 82 66 21	#524215
33.3%	33.3% #473912	RGB 71 57 18	#473912
50.0%	50.0% #3C300F	RGB 60 48 15	#3C300F
66.7%	66.7% #30270C	RGB 48 39 12	#30270C
83.3%	83.3% #251E09	RGB 37 30 9	#251E09
100.0%	100.0% #1A1506	RGB 26 21 6	#1A1506

#5E4C18 #524215 #473912 #3C300F #30270C #251E09 #1A1506

#5E4C18 - #1A1506

HSV Blend

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

0.0%	0.0% #5E4C18	RGB 94 76 24	#5E4C18
16.7%	16.7% #524214	RGB 82 66 20	#524214
33.3%	33.3% #473911	RGB 71 57 17	#473911
50.0%	50.0% #3C300E	RGB 60 48 14	#3C300E
66.7%	66.7% #30270B	RGB 48 39 11	#30270B
83.3%	83.3% #251E08	RGB 37 30 8	#251E08
100.0%	100.0% #1A1506	RGB 26 21 6	#1A1506

#5E4C18 #524214 #473911 #3C300E #30270B #251E08 #1A1506

#5E4C18 - #3C300E - #1A1506

CSS codes

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

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