#5E3D20 - #BB8D3F | 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 #5E3D20 to #BB8D3F

#5E3D20 #BB8D3F

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

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

0.0%	0.0% #5E3D20	RGB 94 61 32	#5E3D20
16.7%	16.7% #6D4A25	RGB 109 74 37	#6D4A25
33.3%	33.3% #7D572A	RGB 125 87 42	#7D572A
50.0%	50.0% #8C652F	RGB 140 101 47	#8C652F
66.7%	66.7% #9C7234	RGB 156 114 52	#9C7234
83.3%	83.3% #AB7F39	RGB 171 127 57	#AB7F39
100.0%	100.0% #BB8D3F	RGB 187 141 63	#BB8D3F

#5E3D20 #6D4A25 #7D572A #8C652F #9C7234 #AB7F39 #BB8D3F

#5E3D20 - #BB8D3F

HSV Blend

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

0.0%	0.0% #5E3D20	RGB 94 61 32	#5E3D20
16.7%	16.7% #6D4825	RGB 109 72 37	#6D4825
33.3%	33.3% #7D552A	RGB 125 85 42	#7D552A
50.0%	50.0% #8C622F	RGB 140 98 47	#8C622F
66.7%	66.7% #9C7034	RGB 156 112 52	#9C7034
83.3%	83.3% #AB7E39	RGB 171 126 57	#AB7E39
100.0%	100.0% #BB8D3F	RGB 187 141 63	#BB8D3F

#5E3D20 #6D4825 #7D552A #8C622F #9C7034 #AB7E39 #BB8D3F

#5E3D20 - #8C622F - #BB8D3F

CSS codes

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

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