#3C372D - #A09B5E | 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 #3C372D to #A09B5E

#3C372D #A09B5E

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

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

0.0%	0.0% #3C372D	RGB 60 55 45	#3C372D
16.7%	16.7% #4C4735	RGB 76 71 53	#4C4735
33.3%	33.3% #5D583D	RGB 93 88 61	#5D583D
50.0%	50.0% #6E6945	RGB 110 105 69	#6E6945
66.7%	66.7% #7E794D	RGB 126 121 77	#7E794D
83.3%	83.3% #8F8A55	RGB 143 138 85	#8F8A55
100.0%	100.0% #A09B5E	RGB 160 155 94	#A09B5E

#3C372D #4C4735 #5D583D #6E6945 #7E794D #8F8A55 #A09B5E

#3C372D - #A09B5E

HSV Blend

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

0.0%	0.0% #3C372D	RGB 60 55 45	#3C372D
16.7%	16.7% #4C4637	RGB 76 70 55	#4C4637
33.3%	33.3% #5D5640	RGB 93 86 64	#5D5640
50.0%	50.0% #6E6649	RGB 110 102 73	#6E6649
66.7%	66.7% #7E7751	RGB 126 119 81	#7E7751
83.3%	83.3% #8F8858	RGB 143 136 88	#8F8858
100.0%	100.0% #A09B5E	RGB 160 155 94	#A09B5E

#3C372D #4C4637 #5D5640 #6E6649 #7E7751 #8F8858 #A09B5E

#3C372D - #6E6649 - #A09B5E

CSS codes

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

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