#7E5C2D - #542E08 | 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 #7E5C2D to #542E08

#7E5C2D #542E08

Calculate the color between two colors, #7E5C2D and #542E08. 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)

#7E5C2D - #542E08 | 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 #7E5C2D as 0% and #542E08 as 100%.

0.0%	0.0% #7E5C2D	RGB 126 92 45	#7E5C2D
16.7%	16.7% #775426	RGB 119 84 38	#775426
33.3%	33.3% #704C20	RGB 112 76 32	#704C20
50.0%	50.0% #69451A	RGB 105 69 26	#69451A
66.7%	66.7% #623D14	RGB 98 61 20	#623D14
83.3%	83.3% #5B350E	RGB 91 53 14	#5B350E
100.0%	100.0% #542E08	RGB 84 46 8	#542E08

#7E5C2D #775426 #704C20 #69451A #623D14 #5B350E #542E08

#7E5C2D - #542E08

HSV Blend

#7E5C2D - #542E08 | 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 #7E5C2D as 0% and #542E08 as 100%.

0.0%	0.0% #7E5C2D	RGB 126 92 45	#7E5C2D
16.7%	16.7% #775325	RGB 119 83 37	#775325
33.3%	33.3% #704B1E	RGB 112 75 30	#704B1E
50.0%	50.0% #694317	RGB 105 67 23	#694317
66.7%	66.7% #623C11	RGB 98 60 17	#623C11
83.3%	83.3% #5B340C	RGB 91 52 12	#5B340C
100.0%	100.0% #542E08	RGB 84 46 8	#542E08

#7E5C2D #775325 #704B1E #694317 #623C11 #5B340C #542E08

#7E5C2D - #694317 - #542E08

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5C2D 0%, #694317 50%, #542E08 100%);
    background: -webkit-linear-gradient(top, #7E5C2D 0%, #694317 50%, #542E08 100%);
    background: linear-gradient(to bottom, #7E5C2D 0%, #694317 50%, #542E08 100%);
}
</style>