#5E4C12 - #1A1505 | 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 #5E4C12 to #1A1505

#5E4C12 #1A1505

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

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

0.0%	0.0% #5E4C12	RGB 94 76 18	#5E4C12
16.7%	16.7% #52420F	RGB 82 66 15	#52420F
33.3%	33.3% #47390D	RGB 71 57 13	#47390D
50.0%	50.0% #3C300B	RGB 60 48 11	#3C300B
66.7%	66.7% #302709	RGB 48 39 9	#302709
83.3%	83.3% #251E07	RGB 37 30 7	#251E07
100.0%	100.0% #1A1505	RGB 26 21 5	#1A1505

#5E4C12 #52420F #47390D #3C300B #302709 #251E07 #1A1505

#5E4C12 - #1A1505

HSV Blend

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

0.0%	0.0% #5E4C11	RGB 94 76 17	#5E4C11
16.7%	16.7% #52420F	RGB 82 66 15	#52420F
33.3%	33.3% #47390D	RGB 71 57 13	#47390D
50.0%	50.0% #3C300B	RGB 60 48 11	#3C300B
66.7%	66.7% #302709	RGB 48 39 9	#302709
83.3%	83.3% #251E07	RGB 37 30 7	#251E07
100.0%	100.0% #1A1505	RGB 26 21 5	#1A1505

#5E4C11 #52420F #47390D #3C300B #302709 #251E07 #1A1505

#5E4C12 - #3C300B - #1A1505

CSS codes

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

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