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

#6B3E2D #4A1C06

Calculate the color between two colors, #6B3E2D 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)

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

0.0%	0.0% #6B3E2D	RGB 107 62 45	#6B3E2D
16.7%	16.7% #653826	RGB 101 56 38	#653826
33.3%	33.3% #603220	RGB 96 50 32	#603220
50.0%	50.0% #5A2D19	RGB 90 45 25	#5A2D19
66.7%	66.7% #552713	RGB 85 39 19	#552713
83.3%	83.3% #4F210C	RGB 79 33 12	#4F210C
100.0%	100.0% #4A1C06	RGB 74 28 6	#4A1C06

#6B3E2D #653826 #603220 #5A2D19 #552713 #4F210C #4A1C06

#6B3E2D - #4A1C06

HSV Blend

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

0.0%	0.0% #6B3E2D	RGB 107 62 45	#6B3E2D
16.7%	16.7% #653724	RGB 101 55 36	#653724
33.3%	33.3% #60301D	RGB 96 48 29	#60301D
50.0%	50.0% #5A2A16	RGB 90 42 22	#5A2A16
66.7%	66.7% #552510	RGB 85 37 16	#552510
83.3%	83.3% #4F200A	RGB 79 32 10	#4F200A
100.0%	100.0% #4A1C06	RGB 74 28 6	#4A1C06

#6B3E2D #653724 #60301D #5A2A16 #552510 #4F200A #4A1C06

#6B3E2D - #5A2A16 - #4A1C06

CSS codes

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

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