#6F5E3E - #E4A45D | 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 #6F5E3E to #E4A45D

#6F5E3E #E4A45D

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

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

0.0%	0.0% #6F5E3E	RGB 111 94 62	#6F5E3E
16.7%	16.7% #826943	RGB 130 105 67	#826943
33.3%	33.3% #967548	RGB 150 117 72	#967548
50.0%	50.0% #A9814D	RGB 169 129 77	#A9814D
66.7%	66.7% #BD8C52	RGB 189 140 82	#BD8C52
83.3%	83.3% #D09857	RGB 208 152 87	#D09857
100.0%	100.0% #E4A45D	RGB 228 164 93	#E4A45D

#6F5E3E #826943 #967548 #A9814D #BD8C52 #D09857 #E4A45D

#6F5E3E - #E4A45D

HSV Blend

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

0.0%	0.0% #6F5E3E	RGB 111 94 62	#6F5E3E
16.7%	16.7% #826C45	RGB 130 108 69	#826C45
33.3%	33.3% #96794C	RGB 150 121 76	#96794C
50.0%	50.0% #A98551	RGB 169 133 81	#A98551
66.7%	66.7% #BD9056	RGB 189 144 86	#BD9056
83.3%	83.3% #D09A5A	RGB 208 154 90	#D09A5A
100.0%	100.0% #E4A45D	RGB 228 164 93	#E4A45D

#6F5E3E #826C45 #96794C #A98551 #BD9056 #D09A5A #E4A45D

#6F5E3E - #A98551 - #E4A45D

CSS codes

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

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