#5E5118 - #1A1706 | 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 #5E5118 to #1A1706

#5E5118 #1A1706

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

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

0.0%	0.0% #5E5118	RGB 94 81 24	#5E5118
16.7%	16.7% #524715	RGB 82 71 21	#524715
33.3%	33.3% #473D12	RGB 71 61 18	#473D12
50.0%	50.0% #3C340F	RGB 60 52 15	#3C340F
66.7%	66.7% #302A0C	RGB 48 42 12	#302A0C
83.3%	83.3% #252009	RGB 37 32 9	#252009
100.0%	100.0% #1A1706	RGB 26 23 6	#1A1706

#5E5118 #524715 #473D12 #3C340F #302A0C #252009 #1A1706

#5E5118 - #1A1706

HSV Blend

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

0.0%	0.0% #5E5118	RGB 94 81 24	#5E5118
16.7%	16.7% #524714	RGB 82 71 20	#524714
33.3%	33.3% #473D11	RGB 71 61 17	#473D11
50.0%	50.0% #3C340E	RGB 60 52 14	#3C340E
66.7%	66.7% #302A0B	RGB 48 42 11	#302A0B
83.3%	83.3% #252008	RGB 37 32 8	#252008
100.0%	100.0% #1A1706	RGB 26 23 6	#1A1706

#5E5118 #524714 #473D11 #3C340E #302A0B #252008 #1A1706

#5E5118 - #3C340E - #1A1706

CSS codes

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

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