#5E3705 - #341A09 | 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 #5E3705 to #341A09

#5E3705 #341A09

Calculate the color between two colors, #5E3705 and #341A09. 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)

#5E3705 - #341A09 | 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 #5E3705 as 0% and #341A09 as 100%.

0.0%	0.0% #5E3705	RGB 94 55 5	#5E3705
16.7%	16.7% #573205	RGB 87 50 5	#573205
33.3%	33.3% #502D06	RGB 80 45 6	#502D06
50.0%	50.0% #492807	RGB 73 40 7	#492807
66.7%	66.7% #422307	RGB 66 35 7	#422307
83.3%	83.3% #3B1E08	RGB 59 30 8	#3B1E08
100.0%	100.0% #341A09	RGB 52 26 9	#341A09

#5E3705 #573205 #502D06 #492807 #422307 #3B1E08 #341A09

#5E3705 - #341A09

HSV Blend

#5E3705 - #341A09 | 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 #5E3705 as 0% and #341A09 as 100%.

0.0%	0.0% #5E3704	RGB 94 55 4	#5E3704
16.7%	16.7% #573106	RGB 87 49 6	#573106
33.3%	33.3% #502C07	RGB 80 44 7	#502C07
50.0%	50.0% #492708	RGB 73 39 8	#492708
66.7%	66.7% #422208	RGB 66 34 8	#422208
83.3%	83.3% #3B1E09	RGB 59 30 9	#3B1E09
100.0%	100.0% #341A09	RGB 52 26 9	#341A09

#5E3704 #573106 #502C07 #492708 #422208 #3B1E09 #341A09

#5E3705 - #492708 - #341A09

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3704 0%, #492708 50%, #341A09 100%);
    background: -webkit-linear-gradient(top, #5E3704 0%, #492708 50%, #341A09 100%);
    background: linear-gradient(to bottom, #5E3704 0%, #492708 50%, #341A09 100%);
}
</style>