#3C2A2D - #A16A52 | 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 #3C2A2D to #A16A52

#3C2A2D #A16A52

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

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

0.0%	0.0% #3C2A2D	RGB 60 42 45	#3C2A2D
16.7%	16.7% #4C3433	RGB 76 52 51	#4C3433
33.3%	33.3% #5D3F39	RGB 93 63 57	#5D3F39
50.0%	50.0% #6E4A3F	RGB 110 74 63	#6E4A3F
66.7%	66.7% #7F5445	RGB 127 84 69	#7F5445
83.3%	83.3% #905F4B	RGB 144 95 75	#905F4B
100.0%	100.0% #A16A52	RGB 161 106 82	#A16A52

#3C2A2D #4C3433 #5D3F39 #6E4A3F #7F5445 #905F4B #A16A52

#3C2A2D - #A16A52

HSV Blend

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

0.0%	0.0% #3C2A2D	RGB 60 42 45	#3C2A2D
16.7%	16.7% #4C3335	RGB 76 51 53	#4C3335
33.3%	33.3% #5D3B3B	RGB 93 59 59	#5D3B3B
50.0%	50.0% #6E4542	RGB 110 69 66	#6E4542
66.7%	66.7% #7F5048	RGB 127 80 72	#7F5048
83.3%	83.3% #905C4E	RGB 144 92 78	#905C4E
100.0%	100.0% #A16A52	RGB 161 106 82	#A16A52

#3C2A2D #4C3335 #5D3B3B #6E4542 #7F5048 #905C4E #A16A52

#3C2A2D - #6E4542 - #A16A52

CSS codes

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

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