#6A5E3C - #E1A45B | 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 #6A5E3C to #E1A45B

#6A5E3C #E1A45B

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

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

0.0%	0.0% #6A5E3C	RGB 106 94 60	#6A5E3C
16.7%	16.7% #7D6941	RGB 125 105 65	#7D6941
33.3%	33.3% #917546	RGB 145 117 70	#917546
50.0%	50.0% #A5814B	RGB 165 129 75	#A5814B
66.7%	66.7% #B98C50	RGB 185 140 80	#B98C50
83.3%	83.3% #CD9855	RGB 205 152 85	#CD9855
100.0%	100.0% #E1A45B	RGB 225 164 91	#E1A45B

#6A5E3C #7D6941 #917546 #A5814B #B98C50 #CD9855 #E1A45B

#6A5E3C - #E1A45B

HSV Blend

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

0.0%	0.0% #6A5E3C	RGB 106 94 60	#6A5E3C
16.7%	16.7% #7D6C43	RGB 125 108 67	#7D6C43
33.3%	33.3% #917A4A	RGB 145 122 74	#917A4A
50.0%	50.0% #A58650	RGB 165 134 80	#A58650
66.7%	66.7% #B99254	RGB 185 146 84	#B99254
83.3%	83.3% #CD9B58	RGB 205 155 88	#CD9B58
100.0%	100.0% #E1A45B	RGB 225 164 91	#E1A45B

#6A5E3C #7D6C43 #917A4A #A58650 #B99254 #CD9B58 #E1A45B

#6A5E3C - #A58650 - #E1A45B

CSS codes

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

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