#3C2F0E - #84573B | 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 #3C2F0E to #84573B

#3C2F0E #84573B

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

#3C2F0E - #84573B | 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 #3C2F0E as 0% and #84573B as 100%.

0.0%	0.0% #3C2F0E	RGB 60 47 14	#3C2F0E
16.7%	16.7% #483515	RGB 72 53 21	#483515
33.3%	33.3% #543C1D	RGB 84 60 29	#543C1D
50.0%	50.0% #604324	RGB 96 67 36	#604324
66.7%	66.7% #6C492C	RGB 108 73 44	#6C492C
83.3%	83.3% #785033	RGB 120 80 51	#785033
100.0%	100.0% #84573B	RGB 132 87 59	#84573B

#3C2F0E #483515 #543C1D #604324 #6C492C #785033 #84573B

#3C2F0E - #84573B

HSV Blend

#3C2F0E - #84573B | 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 #3C2F0E as 0% and #84573B as 100%.

0.0%	0.0% #3C2F0E	RGB 60 47 14	#3C2F0E
16.7%	16.7% #483613	RGB 72 54 19	#483613
33.3%	33.3% #543C19	RGB 84 60 25	#543C19
50.0%	50.0% #604320	RGB 96 67 32	#604320
66.7%	66.7% #6C4928	RGB 108 73 40	#6C4928
83.3%	83.3% #785031	RGB 120 80 49	#785031
100.0%	100.0% #84573B	RGB 132 87 59	#84573B

#3C2F0E #483613 #543C19 #604320 #6C4928 #785031 #84573B

#3C2F0E - #604320 - #84573B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2F0E 0%, #604320 50%, #84573B 100%);
    background: -webkit-linear-gradient(top, #3C2F0E 0%, #604320 50%, #84573B 100%);
    background: linear-gradient(to bottom, #3C2F0E 0%, #604320 50%, #84573B 100%);
}
</style>