#6D5E49 - #4D280C | 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 #6D5E49 to #4D280C

#6D5E49 #4D280C

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

#6D5E49 - #4D280C | 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 #6D5E49 as 0% and #4D280C as 100%.

0.0%	0.0% #6D5E49	RGB 109 94 73	#6D5E49
16.7%	16.7% #67553E	RGB 103 85 62	#67553E
33.3%	33.3% #624C34	RGB 98 76 52	#624C34
50.0%	50.0% #5D432A	RGB 93 67 42	#5D432A
66.7%	66.7% #573A20	RGB 87 58 32	#573A20
83.3%	83.3% #523116	RGB 82 49 22	#523116
100.0%	100.0% #4D280C	RGB 77 40 12	#4D280C

#6D5E49 #67553E #624C34 #5D432A #573A20 #523116 #4D280C

#6D5E49 - #4D280C

HSV Blend

#6D5E49 - #4D280C | 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 #6D5E49 as 0% and #4D280C as 100%.

0.0%	0.0% #6D5E49	RGB 109 94 73	#6D5E49
16.7%	16.7% #67543C	RGB 103 84 60	#67543C
33.3%	33.3% #624B31	RGB 98 75 49	#624B31
50.0%	50.0% #5D4226	RGB 93 66 38	#5D4226
66.7%	66.7% #57391C	RGB 87 57 28	#57391C
83.3%	83.3% #523013	RGB 82 48 19	#523013
100.0%	100.0% #4D280C	RGB 77 40 12	#4D280C

#6D5E49 #67543C #624B31 #5D4226 #57391C #523013 #4D280C

#6D5E49 - #5D4226 - #4D280C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D5E49 0%, #5D4226 50%, #4D280C 100%);
    background: -webkit-linear-gradient(top, #6D5E49 0%, #5D4226 50%, #4D280C 100%);
    background: linear-gradient(to bottom, #6D5E49 0%, #5D4226 50%, #4D280C 100%);
}
</style>