#5E512D - #D3964C | 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 #5E512D to #D3964C

#5E512D #D3964C

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

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

0.0%	0.0% #5E512D	RGB 94 81 45	#5E512D
16.7%	16.7% #715C32	RGB 113 92 50	#715C32
33.3%	33.3% #856837	RGB 133 104 55	#856837
50.0%	50.0% #98733C	RGB 152 115 60	#98733C
66.7%	66.7% #AC7F41	RGB 172 127 65	#AC7F41
83.3%	83.3% #BF8A46	RGB 191 138 70	#BF8A46
100.0%	100.0% #D3964C	RGB 211 150 76	#D3964C

#5E512D #715C32 #856837 #98733C #AC7F41 #BF8A46 #D3964C

#5E512D - #D3964C

HSV Blend

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

0.0%	0.0% #5E512D	RGB 94 81 45	#5E512D
16.7%	16.7% #715F34	RGB 113 95 52	#715F34
33.3%	33.3% #856C3A	RGB 133 108 58	#856C3A
50.0%	50.0% #98783F	RGB 152 120 63	#98783F
66.7%	66.7% #AC8344	RGB 172 131 68	#AC8344
83.3%	83.3% #BF8D48	RGB 191 141 72	#BF8D48
100.0%	100.0% #D3964C	RGB 211 150 76	#D3964C

#5E512D #715F34 #856C3A #98783F #AC8344 #BF8D48 #D3964C

#5E512D - #98783F - #D3964C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E512D 0%, #98783F 50%, #D3964C 100%);
    background: -webkit-linear-gradient(top, #5E512D 0%, #98783F 50%, #D3964C 100%);
    background: linear-gradient(to bottom, #5E512D 0%, #98783F 50%, #D3964C 100%);
}
</style>