#524F49 - #3E2008 | 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 #524F49 to #3E2008

#524F49 #3E2008

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

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

0.0%	0.0% #524F49	RGB 82 79 73	#524F49
16.7%	16.7% #4E473E	RGB 78 71 62	#4E473E
33.3%	33.3% #4B3F33	RGB 75 63 51	#4B3F33
50.0%	50.0% #483728	RGB 72 55 40	#483728
66.7%	66.7% #442F1D	RGB 68 47 29	#442F1D
83.3%	83.3% #412712	RGB 65 39 18	#412712
100.0%	100.0% #3E2008	RGB 62 32 8	#3E2008

#524F49 #4E473E #4B3F33 #483728 #442F1D #412712 #3E2008

#524F49 - #3E2008

HSV Blend

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

0.0%	0.0% #524F49	RGB 82 79 73	#524F49
16.7%	16.7% #4E473C	RGB 78 71 60	#4E473C
33.3%	33.3% #4B402F	RGB 75 64 47	#4B402F
50.0%	50.0% #483824	RGB 72 56 36	#483824
66.7%	66.7% #44301A	RGB 68 48 26	#44301A
83.3%	83.3% #412810	RGB 65 40 16	#412810
100.0%	100.0% #3E2008	RGB 62 32 8	#3E2008

#524F49 #4E473C #4B402F #483824 #44301A #412810 #3E2008

#524F49 - #483824 - #3E2008

CSS codes

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

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