#6A5E3E - #E1A45D | 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 #6A5E3E to #E1A45D

#6A5E3E #E1A45D

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

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

0.0%	0.0% #6A5E3E	RGB 106 94 62	#6A5E3E
16.7%	16.7% #7D6943	RGB 125 105 67	#7D6943
33.3%	33.3% #917548	RGB 145 117 72	#917548
50.0%	50.0% #A5814D	RGB 165 129 77	#A5814D
66.7%	66.7% #B98C52	RGB 185 140 82	#B98C52
83.3%	83.3% #CD9857	RGB 205 152 87	#CD9857
100.0%	100.0% #E1A45D	RGB 225 164 93	#E1A45D

#6A5E3E #7D6943 #917548 #A5814D #B98C52 #CD9857 #E1A45D

#6A5E3E - #E1A45D

HSV Blend

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

0.0%	0.0% #6A5E3E	RGB 106 94 62	#6A5E3E
16.7%	16.7% #7D6C46	RGB 125 108 70	#7D6C46
33.3%	33.3% #917A4C	RGB 145 122 76	#917A4C
50.0%	50.0% #A58752	RGB 165 135 82	#A58752
66.7%	66.7% #B99257	RGB 185 146 87	#B99257
83.3%	83.3% #CD9B5A	RGB 205 155 90	#CD9B5A
100.0%	100.0% #E1A45D	RGB 225 164 93	#E1A45D

#6A5E3E #7D6C46 #917A4C #A58752 #B99257 #CD9B5A #E1A45D

#6A5E3E - #A58752 - #E1A45D

CSS codes

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

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