#6F5E32 - #1F1A0E | 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 #6F5E32 to #1F1A0E

#6F5E32 #1F1A0E

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

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

0.0%	0.0% #6F5E32	RGB 111 94 50	#6F5E32
16.7%	16.7% #61522C	RGB 97 82 44	#61522C
33.3%	33.3% #544726	RGB 84 71 38	#544726
50.0%	50.0% #473C20	RGB 71 60 32	#473C20
66.7%	66.7% #39301A	RGB 57 48 26	#39301A
83.3%	83.3% #2C2514	RGB 44 37 20	#2C2514
100.0%	100.0% #1F1A0E	RGB 31 26 14	#1F1A0E

#6F5E32 #61522C #544726 #473C20 #39301A #2C2514 #1F1A0E

#6F5E32 - #1F1A0E

HSV Blend

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

0.0%	0.0% #6F5E32	RGB 111 94 50	#6F5E32
16.7%	16.7% #61522C	RGB 97 82 44	#61522C
33.3%	33.3% #544726	RGB 84 71 38	#544726
50.0%	50.0% #473B20	RGB 71 59 32	#473B20
66.7%	66.7% #39301A	RGB 57 48 26	#39301A
83.3%	83.3% #2C2514	RGB 44 37 20	#2C2514
100.0%	100.0% #1F1A0E	RGB 31 26 14	#1F1A0E

#6F5E32 #61522C #544726 #473B20 #39301A #2C2514 #1F1A0E

#6F5E32 - #473B20 - #1F1A0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F5E32 0%, #473B20 50%, #1F1A0E 100%);
    background: -webkit-linear-gradient(top, #6F5E32 0%, #473B20 50%, #1F1A0E 100%);
    background: linear-gradient(to bottom, #6F5E32 0%, #473B20 50%, #1F1A0E 100%);
}
</style>