#524E35 - #3C2B05 | 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 #524E35 to #3C2B05

#524E35 #3C2B05

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

#524E35 - #3C2B05 | 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 #524E35 as 0% and #3C2B05 as 100%.

0.0%	0.0% #524E35	RGB 82 78 53	#524E35
16.7%	16.7% #4E482D	RGB 78 72 45	#4E482D
33.3%	33.3% #4A4225	RGB 74 66 37	#4A4225
50.0%	50.0% #473C1D	RGB 71 60 29	#473C1D
66.7%	66.7% #433615	RGB 67 54 21	#433615
83.3%	83.3% #3F300D	RGB 63 48 13	#3F300D
100.0%	100.0% #3C2B05	RGB 60 43 5	#3C2B05

#524E35 #4E482D #4A4225 #473C1D #433615 #3F300D #3C2B05

#524E35 - #3C2B05

HSV Blend

#524E35 - #3C2B05 | 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 #524E35 as 0% and #3C2B05 as 100%.

0.0%	0.0% #524E35	RGB 82 78 53	#524E35
16.7%	16.7% #4E482B	RGB 78 72 43	#4E482B
33.3%	33.3% #4A4222	RGB 74 66 34	#4A4222
50.0%	50.0% #473C19	RGB 71 60 25	#473C19
66.7%	66.7% #433612	RGB 67 54 18	#433612
83.3%	83.3% #3F300B	RGB 63 48 11	#3F300B
100.0%	100.0% #3C2B05	RGB 60 43 5	#3C2B05

#524E35 #4E482B #4A4222 #473C19 #433612 #3F300B #3C2B05

#524E35 - #473C19 - #3C2B05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #524E35 0%, #473C19 50%, #3C2B05 100%);
    background: -webkit-linear-gradient(top, #524E35 0%, #473C19 50%, #3C2B05 100%);
    background: linear-gradient(to bottom, #524E35 0%, #473C19 50%, #3C2B05 100%);
}
</style>