#3C271B - #976543 | 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 #3C271B to #976543

#3C271B #976543

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

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

0.0%	0.0% #3C271B	RGB 60 39 27	#3C271B
16.7%	16.7% #4B3121	RGB 75 49 33	#4B3121
33.3%	33.3% #5A3B28	RGB 90 59 40	#5A3B28
50.0%	50.0% #69462F	RGB 105 70 47	#69462F
66.7%	66.7% #785035	RGB 120 80 53	#785035
83.3%	83.3% #875A3C	RGB 135 90 60	#875A3C
100.0%	100.0% #976543	RGB 151 101 67	#976543

#3C271B #4B3121 #5A3B28 #69462F #785035 #875A3C #976543

#3C271B - #976543

HSV Blend

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

0.0%	0.0% #3C271B	RGB 60 39 27	#3C271B
16.7%	16.7% #4B3121	RGB 75 49 33	#4B3121
33.3%	33.3% #5A3B28	RGB 90 59 40	#5A3B28
50.0%	50.0% #69452F	RGB 105 69 47	#69452F
66.7%	66.7% #784F35	RGB 120 79 53	#784F35
83.3%	83.3% #875A3C	RGB 135 90 60	#875A3C
100.0%	100.0% #976543	RGB 151 101 67	#976543

#3C271B #4B3121 #5A3B28 #69452F #784F35 #875A3C #976543

#3C271B - #69452F - #976543

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C271B 0%, #69452F 50%, #976543 100%);
    background: -webkit-linear-gradient(top, #3C271B 0%, #69452F 50%, #976543 100%);
    background: linear-gradient(to bottom, #3C271B 0%, #69452F 50%, #976543 100%);
}
</style>