#6F5E32 - #E5A34F | 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 #6F5E32 to #E5A34F

#6F5E32 #E5A34F

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

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

0.0%	0.0% #6F5E32	RGB 111 94 50	#6F5E32
16.7%	16.7% #826936	RGB 130 105 54	#826936
33.3%	33.3% #96753B	RGB 150 117 59	#96753B
50.0%	50.0% #AA8040	RGB 170 128 64	#AA8040
66.7%	66.7% #BD8C45	RGB 189 140 69	#BD8C45
83.3%	83.3% #D1974A	RGB 209 151 74	#D1974A
100.0%	100.0% #E5A34F	RGB 229 163 79	#E5A34F

#6F5E32 #826936 #96753B #AA8040 #BD8C45 #D1974A #E5A34F

#6F5E32 - #E5A34F

HSV Blend

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

0.0%	0.0% #6F5E32	RGB 111 94 50	#6F5E32
16.7%	16.7% #826C38	RGB 130 108 56	#826C38
33.3%	33.3% #96793E	RGB 150 121 62	#96793E
50.0%	50.0% #AA8543	RGB 170 133 67	#AA8543
66.7%	66.7% #BD9048	RGB 189 144 72	#BD9048
83.3%	83.3% #D19A4B	RGB 209 154 75	#D19A4B
100.0%	100.0% #E5A34F	RGB 229 163 79	#E5A34F

#6F5E32 #826C38 #96793E #AA8543 #BD9048 #D19A4B #E5A34F

#6F5E32 - #AA8543 - #E5A34F

CSS codes

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

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