#5E382B - #340A04 | 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 #5E382B to #340A04

#5E382B #340A04

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

#5E382B - #340A04 | 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 #5E382B as 0% and #340A04 as 100%.

0.0%	0.0% #5E382B	RGB 94 56 43	#5E382B
16.7%	16.7% #573024	RGB 87 48 36	#573024
33.3%	33.3% #50281E	RGB 80 40 30	#50281E
50.0%	50.0% #492117	RGB 73 33 23	#492117
66.7%	66.7% #421910	RGB 66 25 16	#421910
83.3%	83.3% #3B110A	RGB 59 17 10	#3B110A
100.0%	100.0% #340A04	RGB 52 10 4	#340A04

#5E382B #573024 #50281E #492117 #421910 #3B110A #340A04

#5E382B - #340A04

HSV Blend

#5E382B - #340A04 | 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 #5E382B as 0% and #340A04 as 100%.

0.0%	0.0% #5E382B	RGB 94 56 43	#5E382B
16.7%	16.7% #572E22	RGB 87 46 34	#572E22
33.3%	33.3% #50251A	RGB 80 37 26	#50251A
50.0%	50.0% #491D13	RGB 73 29 19	#491D13
66.7%	66.7% #42160D	RGB 66 22 13	#42160D
83.3%	83.3% #3B0F08	RGB 59 15 8	#3B0F08
100.0%	100.0% #340A04	RGB 52 10 4	#340A04

#5E382B #572E22 #50251A #491D13 #42160D #3B0F08 #340A04

#5E382B - #491D13 - #340A04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E382B 0%, #491D13 50%, #340A04 100%);
    background: -webkit-linear-gradient(top, #5E382B 0%, #491D13 50%, #340A04 100%);
    background: linear-gradient(to bottom, #5E382B 0%, #491D13 50%, #340A04 100%);
}
</style>