#6D5E25 - #E5A141 | 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 #6D5E25 to #E5A141

#6D5E25 #E5A141

Calculate the color between two colors, #6D5E25 and #E5A141. 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)

#6D5E25 - #E5A141 | 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 #6D5E25 as 0% and #E5A141 as 100%.

0.0%	0.0% #6D5E25	RGB 109 94 37	#6D5E25
16.7%	16.7% #816929	RGB 129 105 41	#816929
33.3%	33.3% #95742E	RGB 149 116 46	#95742E
50.0%	50.0% #A97F33	RGB 169 127 51	#A97F33
66.7%	66.7% #BD8A37	RGB 189 138 55	#BD8A37
83.3%	83.3% #D1953C	RGB 209 149 60	#D1953C
100.0%	100.0% #E5A141	RGB 229 161 65	#E5A141

#6D5E25 #816929 #95742E #A97F33 #BD8A37 #D1953C #E5A141

#6D5E25 - #E5A141

HSV Blend

#6D5E25 - #E5A141 | 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 #6D5E25 as 0% and #E5A141 as 100%.

0.0%	0.0% #6D5E25	RGB 109 94 37	#6D5E25
16.7%	16.7% #816C2A	RGB 129 108 42	#816C2A
33.3%	33.3% #95782F	RGB 149 120 47	#95782F
50.0%	50.0% #A98434	RGB 169 132 52	#A98434
66.7%	66.7% #BD8F39	RGB 189 143 57	#BD8F39
83.3%	83.3% #D1983D	RGB 209 152 61	#D1983D
100.0%	100.0% #E5A141	RGB 229 161 65	#E5A141

#6D5E25 #816C2A #95782F #A98434 #BD8F39 #D1983D #E5A141

#6D5E25 - #A98434 - #E5A141

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5E25 0%, #A98434 50%, #E5A141 100%);
    background: -webkit-linear-gradient(top, #6D5E25 0%, #A98434 50%, #E5A141 100%);
    background: linear-gradient(to bottom, #6D5E25 0%, #A98434 50%, #E5A141 100%);
}
</style>