#6E5E3E - #E3A45D | 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 #6E5E3E to #E3A45D

#6E5E3E #E3A45D

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

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

0.0%	0.0% #6E5E3E	RGB 110 94 62	#6E5E3E
16.7%	16.7% #816943	RGB 129 105 67	#816943
33.3%	33.3% #957548	RGB 149 117 72	#957548
50.0%	50.0% #A8814D	RGB 168 129 77	#A8814D
66.7%	66.7% #BC8C52	RGB 188 140 82	#BC8C52
83.3%	83.3% #CF9857	RGB 207 152 87	#CF9857
100.0%	100.0% #E3A45D	RGB 227 164 93	#E3A45D

#6E5E3E #816943 #957548 #A8814D #BC8C52 #CF9857 #E3A45D

#6E5E3E - #E3A45D

HSV Blend

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

0.0%	0.0% #6E5E3E	RGB 110 94 62	#6E5E3E
16.7%	16.7% #816C45	RGB 129 108 69	#816C45
33.3%	33.3% #95794C	RGB 149 121 76	#95794C
50.0%	50.0% #A88552	RGB 168 133 82	#A88552
66.7%	66.7% #BC9056	RGB 188 144 86	#BC9056
83.3%	83.3% #CF9B5A	RGB 207 155 90	#CF9B5A
100.0%	100.0% #E3A45D	RGB 227 164 93	#E3A45D

#6E5E3E #816C45 #95794C #A88552 #BC9056 #CF9B5A #E3A45D

#6E5E3E - #A88552 - #E3A45D

CSS codes

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

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