#3C2A30 - #A36B58 | 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 #3C2A30 to #A36B58

#3C2A30 #A36B58

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

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

0.0%	0.0% #3C2A30	RGB 60 42 48	#3C2A30
16.7%	16.7% #4D3436	RGB 77 52 54	#4D3436
33.3%	33.3% #5E3F3D	RGB 94 63 61	#5E3F3D
50.0%	50.0% #6F4A44	RGB 111 74 68	#6F4A44
66.7%	66.7% #80554A	RGB 128 85 74	#80554A
83.3%	83.3% #916051	RGB 145 96 81	#916051
100.0%	100.0% #A36B58	RGB 163 107 88	#A36B58

#3C2A30 #4D3436 #5E3F3D #6F4A44 #80554A #916051 #A36B58

#3C2A30 - #A36B58

HSV Blend

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

0.0%	0.0% #3C2A30	RGB 60 42 48	#3C2A30
16.7%	16.7% #4D3339	RGB 77 51 57	#4D3339
33.3%	33.3% #5E3C41	RGB 94 60 65	#5E3C41
50.0%	50.0% #6F4546	RGB 111 69 70	#6F4546
66.7%	66.7% #804F4C	RGB 128 79 76	#804F4C
83.3%	83.3% #915C52	RGB 145 92 82	#915C52
100.0%	100.0% #A36B58	RGB 163 107 88	#A36B58

#3C2A30 #4D3339 #5E3C41 #6F4546 #804F4C #915C52 #A36B58

#3C2A30 - #6F4546 - #A36B58

CSS codes

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

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