#5E512C - #D3964B | 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 #5E512C to #D3964B

#5E512C #D3964B

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

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

0.0%	0.0% #5E512C	RGB 94 81 44	#5E512C
16.7%	16.7% #715C31	RGB 113 92 49	#715C31
33.3%	33.3% #856836	RGB 133 104 54	#856836
50.0%	50.0% #98733B	RGB 152 115 59	#98733B
66.7%	66.7% #AC7F40	RGB 172 127 64	#AC7F40
83.3%	83.3% #BF8A45	RGB 191 138 69	#BF8A45
100.0%	100.0% #D3964B	RGB 211 150 75	#D3964B

#5E512C #715C31 #856836 #98733B #AC7F40 #BF8A45 #D3964B

#5E512C - #D3964B

HSV Blend

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

0.0%	0.0% #5E512C	RGB 94 81 44	#5E512C
16.7%	16.7% #715F32	RGB 113 95 50	#715F32
33.3%	33.3% #856C39	RGB 133 108 57	#856C39
50.0%	50.0% #98783E	RGB 152 120 62	#98783E
66.7%	66.7% #AC8343	RGB 172 131 67	#AC8343
83.3%	83.3% #BF8D47	RGB 191 141 71	#BF8D47
100.0%	100.0% #D3964B	RGB 211 150 75	#D3964B

#5E512C #715F32 #856C39 #98783E #AC8343 #BF8D47 #D3964B

#5E512C - #98783E - #D3964B

CSS codes

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

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