#5E3406 - #341909 | 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 #5E3406 to #341909

#5E3406 #341909

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

#5E3406 - #341909 | 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 #5E3406 as 0% and #341909 as 100%.

0.0%	0.0% #5E3406	RGB 94 52 6	#5E3406
16.7%	16.7% #572F06	RGB 87 47 6	#572F06
33.3%	33.3% #502B07	RGB 80 43 7	#502B07
50.0%	50.0% #492607	RGB 73 38 7	#492607
66.7%	66.7% #422208	RGB 66 34 8	#422208
83.3%	83.3% #3B1D08	RGB 59 29 8	#3B1D08
100.0%	100.0% #341909	RGB 52 25 9	#341909

#5E3406 #572F06 #502B07 #492607 #422208 #3B1D08 #341909

#5E3406 - #341909

HSV Blend

#5E3406 - #341909 | 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 #5E3406 as 0% and #341909 as 100%.

0.0%	0.0% #5E3405	RGB 94 52 5	#5E3405
16.7%	16.7% #572E07	RGB 87 46 7	#572E07
33.3%	33.3% #502A08	RGB 80 42 8	#502A08
50.0%	50.0% #492508	RGB 73 37 8	#492508
66.7%	66.7% #422109	RGB 66 33 9	#422109
83.3%	83.3% #3B1C09	RGB 59 28 9	#3B1C09
100.0%	100.0% #341909	RGB 52 25 9	#341909

#5E3405 #572E07 #502A08 #492508 #422109 #3B1C09 #341909

#5E3406 - #492508 - #341909

CSS codes

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

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