#3C2B2F - #A36C55 | 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 #3C2B2F to #A36C55

#3C2B2F #A36C55

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

#3C2B2F - #A36C55 | 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 #3C2B2F as 0% and #A36C55 as 100%.

0.0%	0.0% #3C2B2F	RGB 60 43 47	#3C2B2F
16.7%	16.7% #4D3535	RGB 77 53 53	#4D3535
33.3%	33.3% #5E403B	RGB 94 64 59	#5E403B
50.0%	50.0% #6F4B42	RGB 111 75 66	#6F4B42
66.7%	66.7% #805648	RGB 128 86 72	#805648
83.3%	83.3% #91614E	RGB 145 97 78	#91614E
100.0%	100.0% #A36C55	RGB 163 108 85	#A36C55

#3C2B2F #4D3535 #5E403B #6F4B42 #805648 #91614E #A36C55

#3C2B2F - #A36C55

HSV Blend

#3C2B2F - #A36C55 | 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 #3C2B2F as 0% and #A36C55 as 100%.

0.0%	0.0% #3C2B2F	RGB 60 43 47	#3C2B2F
16.7%	16.7% #4D3438	RGB 77 52 56	#4D3438
33.3%	33.3% #5E3D3F	RGB 94 61 63	#5E3D3F
50.0%	50.0% #6F4645	RGB 111 70 69	#6F4645
66.7%	66.7% #80514B	RGB 128 81 75	#80514B
83.3%	83.3% #915E50	RGB 145 94 80	#915E50
100.0%	100.0% #A36C55	RGB 163 108 85	#A36C55

#3C2B2F #4D3438 #5E3D3F #6F4645 #80514B #915E50 #A36C55

#3C2B2F - #6F4645 - #A36C55

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2B2F 0%, #6F4645 50%, #A36C55 100%);
    background: -webkit-linear-gradient(top, #3C2B2F 0%, #6F4645 50%, #A36C55 100%);
    background: linear-gradient(to bottom, #3C2B2F 0%, #6F4645 50%, #A36C55 100%);
}
</style>