#5E2B25 - #BC6A46 | 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 #5E2B25 to #BC6A46

#5E2B25 #BC6A46

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

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

0.0%	0.0% #5E2B25	RGB 94 43 37	#5E2B25
16.7%	16.7% #6D352A	RGB 109 53 42	#6D352A
33.3%	33.3% #7D4030	RGB 125 64 48	#7D4030
50.0%	50.0% #8D4A35	RGB 141 74 53	#8D4A35
66.7%	66.7% #9C553B	RGB 156 85 59	#9C553B
83.3%	83.3% #AC5F40	RGB 172 95 64	#AC5F40
100.0%	100.0% #BC6A46	RGB 188 106 70	#BC6A46

#5E2B25 #6D352A #7D4030 #8D4A35 #9C553B #AC5F40 #BC6A46

#5E2B25 - #BC6A46

HSV Blend

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

0.0%	0.0% #5E2B25	RGB 94 43 37	#5E2B25
16.7%	16.7% #6D342A	RGB 109 52 42	#6D342A
33.3%	33.3% #7D3D30	RGB 125 61 48	#7D3D30
50.0%	50.0% #8D4736	RGB 141 71 54	#8D4736
66.7%	66.7% #9C523B	RGB 156 82 59	#9C523B
83.3%	83.3% #AC5E40	RGB 172 94 64	#AC5E40
100.0%	100.0% #BC6A46	RGB 188 106 70	#BC6A46

#5E2B25 #6D342A #7D3D30 #8D4736 #9C523B #AC5E40 #BC6A46

#5E2B25 - #8D4736 - #BC6A46

CSS codes

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

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