#3C362D - #A09A5E | 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 #3C362D to #A09A5E

#3C362D #A09A5E

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

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

0.0%	0.0% #3C362D	RGB 60 54 45	#3C362D
16.7%	16.7% #4C4635	RGB 76 70 53	#4C4635
33.3%	33.3% #5D573D	RGB 93 87 61	#5D573D
50.0%	50.0% #6E6845	RGB 110 104 69	#6E6845
66.7%	66.7% #7E784D	RGB 126 120 77	#7E784D
83.3%	83.3% #8F8955	RGB 143 137 85	#8F8955
100.0%	100.0% #A09A5E	RGB 160 154 94	#A09A5E

#3C362D #4C4635 #5D573D #6E6845 #7E784D #8F8955 #A09A5E

#3C362D - #A09A5E

HSV Blend

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

0.0%	0.0% #3C362D	RGB 60 54 45	#3C362D
16.7%	16.7% #4C4537	RGB 76 69 55	#4C4537
33.3%	33.3% #5D5440	RGB 93 84 64	#5D5440
50.0%	50.0% #6E6549	RGB 110 101 73	#6E6549
66.7%	66.7% #7E7551	RGB 126 117 81	#7E7551
83.3%	83.3% #8F8758	RGB 143 135 88	#8F8758
100.0%	100.0% #A09A5E	RGB 160 154 94	#A09A5E

#3C362D #4C4537 #5D5440 #6E6549 #7E7551 #8F8758 #A09A5E

#3C362D - #6E6549 - #A09A5E

CSS codes

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

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