#6B5A35 - #4B2F08 | 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 #6B5A35 to #4B2F08

#6B5A35 #4B2F08

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

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

0.0%	0.0% #6B5A35	RGB 107 90 53	#6B5A35
16.7%	16.7% #65522D	RGB 101 82 45	#65522D
33.3%	33.3% #604B26	RGB 96 75 38	#604B26
50.0%	50.0% #5B441E	RGB 91 68 30	#5B441E
66.7%	66.7% #553D17	RGB 85 61 23	#553D17
83.3%	83.3% #50360F	RGB 80 54 15	#50360F
100.0%	100.0% #4B2F08	RGB 75 47 8	#4B2F08

#6B5A35 #65522D #604B26 #5B441E #553D17 #50360F #4B2F08

#6B5A35 - #4B2F08

HSV Blend

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

0.0%	0.0% #6B5A35	RGB 107 90 53	#6B5A35
16.7%	16.7% #65522B	RGB 101 82 43	#65522B
33.3%	33.3% #604A23	RGB 96 74 35	#604A23
50.0%	50.0% #5B431B	RGB 91 67 27	#5B431B
66.7%	66.7% #553C14	RGB 85 60 20	#553C14
83.3%	83.3% #50350D	RGB 80 53 13	#50350D
100.0%	100.0% #4B2F08	RGB 75 47 8	#4B2F08

#6B5A35 #65522B #604A23 #5B431B #553C14 #50350D #4B2F08

#6B5A35 - #5B431B - #4B2F08

CSS codes

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

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