#5D5E2F - #3A2700 | 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 #5D5E2F to #3A2700

#5D5E2F #3A2700

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

#5D5E2F - #3A2700 | 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 #5D5E2F as 0% and #3A2700 as 100%.

0.0%	0.0% #5D5E2F	RGB 93 94 47	#5D5E2F
16.7%	16.7% #575427	RGB 87 84 39	#575427
33.3%	33.3% #514B1F	RGB 81 75 31	#514B1F
50.0%	50.0% #4B4217	RGB 75 66 23	#4B4217
66.7%	66.7% #45390F	RGB 69 57 15	#45390F
83.3%	83.3% #3F3007	RGB 63 48 7	#3F3007
100.0%	100.0% #3A2700	RGB 58 39 0	#3A2700

#5D5E2F #575427 #514B1F #4B4217 #45390F #3F3007 #3A2700

#5D5E2F - #3A2700

HSV Blend

#5D5E2F - #3A2700 | 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 #5D5E2F as 0% and #3A2700 as 100%.

0.0%	0.0% #5D5E2F	RGB 93 94 47	#5D5E2F
16.7%	16.7% #585624	RGB 88 86 36	#585624
33.3%	33.3% #524C1B	RGB 82 76 27	#524C1B
50.0%	50.0% #4C4313	RGB 76 67 19	#4C4313
66.7%	66.7% #46390B	RGB 70 57 11	#46390B
83.3%	83.3% #403005	RGB 64 48 5	#403005
100.0%	100.0% #3A2700	RGB 58 39 0	#3A2700

#5D5E2F #585624 #524C1B #4C4313 #46390B #403005 #3A2700

#5D5E2F - #4C4313 - #3A2700

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E2F 0%, #4C4313 50%, #3A2700 100%);
    background: -webkit-linear-gradient(top, #5D5E2F 0%, #4C4313 50%, #3A2700 100%);
    background: linear-gradient(to bottom, #5D5E2F 0%, #4C4313 50%, #3A2700 100%);
}
</style>