#6D4932 - #1F140E | 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 #6D4932 to #1F140E

#6D4932 #1F140E

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

#6D4932 - #1F140E | 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 #6D4932 as 0% and #1F140E as 100%.

0.0%	0.0% #6D4932	RGB 109 73 50	#6D4932
16.7%	16.7% #60402C	RGB 96 64 44	#60402C
33.3%	33.3% #533726	RGB 83 55 38	#533726
50.0%	50.0% #462E20	RGB 70 46 32	#462E20
66.7%	66.7% #39251A	RGB 57 37 26	#39251A
83.3%	83.3% #2C1C14	RGB 44 28 20	#2C1C14
100.0%	100.0% #1F140E	RGB 31 20 14	#1F140E

#6D4932 #60402C #533726 #462E20 #39251A #2C1C14 #1F140E

#6D4932 - #1F140E

HSV Blend

#6D4932 - #1F140E | 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 #6D4932 as 0% and #1F140E as 100%.

0.0%	0.0% #6D4932	RGB 109 73 50	#6D4932
16.7%	16.7% #603F2B	RGB 96 63 43	#603F2B
33.3%	33.3% #533625	RGB 83 54 37	#533625
50.0%	50.0% #462E1F	RGB 70 46 31	#462E1F
66.7%	66.7% #392519	RGB 57 37 25	#392519
83.3%	83.3% #2C1C13	RGB 44 28 19	#2C1C13
100.0%	100.0% #1F140E	RGB 31 20 14	#1F140E

#6D4932 #603F2B #533625 #462E1F #392519 #2C1C13 #1F140E

#6D4932 - #462E1F - #1F140E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D4932 0%, #462E1F 50%, #1F140E 100%);
    background: -webkit-linear-gradient(top, #6D4932 0%, #462E1F 50%, #1F140E 100%);
    background: linear-gradient(to bottom, #6D4932 0%, #462E1F 50%, #1F140E 100%);
}
</style>