#6B5E59 - #5A2C11 | 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 #6B5E59 to #5A2C11

#6B5E59 #5A2C11

Calculate the color between two colors, #6B5E59 and #5A2C11. 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)

#6B5E59 - #5A2C11 | 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 #6B5E59 as 0% and #5A2C11 as 100%.

0.0%	0.0% #6B5E59	RGB 107 94 89	#6B5E59
16.7%	16.7% #68554D	RGB 104 85 77	#68554D
33.3%	33.3% #654D41	RGB 101 77 65	#654D41
50.0%	50.0% #624535	RGB 98 69 53	#624535
66.7%	66.7% #5F3C29	RGB 95 60 41	#5F3C29
83.3%	83.3% #5C341D	RGB 92 52 29	#5C341D
100.0%	100.0% #5A2C11	RGB 90 44 17	#5A2C11

#6B5E59 #68554D #654D41 #624535 #5F3C29 #5C341D #5A2C11

#6B5E59 - #5A2C11

HSV Blend

#6B5E59 - #5A2C11 | 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 #6B5E59 as 0% and #5A2C11 as 100%.

0.0%	0.0% #6B5E59	RGB 107 94 89	#6B5E59
16.7%	16.7% #68534B	RGB 104 83 75	#68534B
33.3%	33.3% #654A3E	RGB 101 74 62	#654A3E
50.0%	50.0% #624132	RGB 98 65 50	#624132
66.7%	66.7% #5F3926	RGB 95 57 38	#5F3926
83.3%	83.3% #5C321B	RGB 92 50 27	#5C321B
100.0%	100.0% #5A2C11	RGB 90 44 17	#5A2C11

#6B5E59 #68534B #654A3E #624132 #5F3926 #5C321B #5A2C11

#6B5E59 - #624132 - #5A2C11

CSS codes

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

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