#5E4D12 - #D18E2D | 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 #5E4D12 to #D18E2D

#5E4D12 #D18E2D

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

#5E4D12 - #D18E2D | 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 #5E4D12 as 0% and #D18E2D as 100%.

0.0%	0.0% #5E4D12	RGB 94 77 18	#5E4D12
16.7%	16.7% #715716	RGB 113 87 22	#715716
33.3%	33.3% #84621B	RGB 132 98 27	#84621B
50.0%	50.0% #976D1F	RGB 151 109 31	#976D1F
66.7%	66.7% #AA7824	RGB 170 120 36	#AA7824
83.3%	83.3% #BD8328	RGB 189 131 40	#BD8328
100.0%	100.0% #D18E2D	RGB 209 142 45	#D18E2D

#5E4D12 #715716 #84621B #976D1F #AA7824 #BD8328 #D18E2D

#5E4D12 - #D18E2D

HSV Blend

#5E4D12 - #D18E2D | 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 #5E4D12 as 0% and #D18E2D as 100%.

0.0%	0.0% #5E4D11	RGB 94 77 17	#5E4D11
16.7%	16.7% #715916	RGB 113 89 22	#715916
33.3%	33.3% #84661A	RGB 132 102 26	#84661A
50.0%	50.0% #97711E	RGB 151 113 30	#97711E
66.7%	66.7% #AA7B23	RGB 170 123 35	#AA7B23
83.3%	83.3% #BD8528	RGB 189 133 40	#BD8528
100.0%	100.0% #D18E2D	RGB 209 142 45	#D18E2D

#5E4D11 #715916 #84661A #97711E #AA7B23 #BD8528 #D18E2D

#5E4D12 - #97711E - #D18E2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D11 0%, #97711E 50%, #D18E2D 100%);
    background: -webkit-linear-gradient(top, #5E4D11 0%, #97711E 50%, #D18E2D 100%);
    background: linear-gradient(to bottom, #5E4D11 0%, #97711E 50%, #D18E2D 100%);
}
</style>