#6D3E2B - #4A1C06 | 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 #6D3E2B to #4A1C06

#6D3E2B #4A1C06

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

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

0.0%	0.0% #6D3E2B	RGB 109 62 43	#6D3E2B
16.7%	16.7% #673824	RGB 103 56 36	#673824
33.3%	33.3% #61321E	RGB 97 50 30	#61321E
50.0%	50.0% #5B2D18	RGB 91 45 24	#5B2D18
66.7%	66.7% #552712	RGB 85 39 18	#552712
83.3%	83.3% #4F210C	RGB 79 33 12	#4F210C
100.0%	100.0% #4A1C06	RGB 74 28 6	#4A1C06

#6D3E2B #673824 #61321E #5B2D18 #552712 #4F210C #4A1C06

#6D3E2B - #4A1C06

HSV Blend

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

0.0%	0.0% #6D3E2A	RGB 109 62 42	#6D3E2A
16.7%	16.7% #673723	RGB 103 55 35	#673723
33.3%	33.3% #61301C	RGB 97 48 28	#61301C
50.0%	50.0% #5B2B15	RGB 91 43 21	#5B2B15
66.7%	66.7% #55250F	RGB 85 37 15	#55250F
83.3%	83.3% #4F200A	RGB 79 32 10	#4F200A
100.0%	100.0% #4A1C06	RGB 74 28 6	#4A1C06

#6D3E2A #673723 #61301C #5B2B15 #55250F #4F200A #4A1C06

#6D3E2B - #5B2B15 - #4A1C06

CSS codes

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

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