#3C290F - #844C3C | 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 #3C290F to #844C3C

#3C290F #844C3C

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

#3C290F - #844C3C | 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 #3C290F as 0% and #844C3C as 100%.

0.0%	0.0% #3C290F	RGB 60 41 15	#3C290F
16.7%	16.7% #482E16	RGB 72 46 22	#482E16
33.3%	33.3% #54341E	RGB 84 52 30	#54341E
50.0%	50.0% #603A25	RGB 96 58 37	#603A25
66.7%	66.7% #6C402D	RGB 108 64 45	#6C402D
83.3%	83.3% #784634	RGB 120 70 52	#784634
100.0%	100.0% #844C3C	RGB 132 76 60	#844C3C

#3C290F #482E16 #54341E #603A25 #6C402D #784634 #844C3C

#3C290F - #844C3C

HSV Blend

#3C290F - #844C3C | 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 #3C290F as 0% and #844C3C as 100%.

0.0%	0.0% #3C290F	RGB 60 41 15	#3C290F
16.7%	16.7% #482F14	RGB 72 47 20	#482F14
33.3%	33.3% #54351A	RGB 84 53 26	#54351A
50.0%	50.0% #603A21	RGB 96 58 33	#603A21
66.7%	66.7% #6C4029	RGB 108 64 41	#6C4029
83.3%	83.3% #784632	RGB 120 70 50	#784632
100.0%	100.0% #844C3C	RGB 132 76 60	#844C3C

#3C290F #482F14 #54351A #603A21 #6C4029 #784632 #844C3C

#3C290F - #603A21 - #844C3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C290F 0%, #603A21 50%, #844C3C 100%);
    background: -webkit-linear-gradient(top, #3C290F 0%, #603A21 50%, #844C3C 100%);
    background: linear-gradient(to bottom, #3C290F 0%, #603A21 50%, #844C3C 100%);
}
</style>