#6D5E28 - #E4A244 | 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 #6D5E28 to #E4A244

#6D5E28 #E4A244

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

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

0.0%	0.0% #6D5E28	RGB 109 94 40	#6D5E28
16.7%	16.7% #80692C	RGB 128 105 44	#80692C
33.3%	33.3% #947431	RGB 148 116 49	#947431
50.0%	50.0% #A88036	RGB 168 128 54	#A88036
66.7%	66.7% #BC8B3A	RGB 188 139 58	#BC8B3A
83.3%	83.3% #D0963F	RGB 208 150 63	#D0963F
100.0%	100.0% #E4A244	RGB 228 162 68	#E4A244

#6D5E28 #80692C #947431 #A88036 #BC8B3A #D0963F #E4A244

#6D5E28 - #E4A244

HSV Blend

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

0.0%	0.0% #6D5E28	RGB 109 94 40	#6D5E28
16.7%	16.7% #806C2D	RGB 128 108 45	#806C2D
33.3%	33.3% #947933	RGB 148 121 51	#947933
50.0%	50.0% #A88538	RGB 168 133 56	#A88538
66.7%	66.7% #BC8F3C	RGB 188 143 60	#BC8F3C
83.3%	83.3% #D09940	RGB 208 153 64	#D09940
100.0%	100.0% #E4A244	RGB 228 162 68	#E4A244

#6D5E28 #806C2D #947933 #A88538 #BC8F3C #D09940 #E4A244

#6D5E28 - #A88538 - #E4A244

CSS codes

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

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