#4D4114 - #322105 | 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 #4D4114 to #322105

#4D4114 #322105

Calculate the color between two colors, #4D4114 and #322105. 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)

#4D4114 - #322105 | 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 #4D4114 as 0% and #322105 as 100%.

0.0%	0.0% #4D4114	RGB 77 65 20	#4D4114
16.7%	16.7% #483B11	RGB 72 59 17	#483B11
33.3%	33.3% #44360F	RGB 68 54 15	#44360F
50.0%	50.0% #3F310C	RGB 63 49 12	#3F310C
66.7%	66.7% #3B2B0A	RGB 59 43 10	#3B2B0A
83.3%	83.3% #362607	RGB 54 38 7	#362607
100.0%	100.0% #322105	RGB 50 33 5	#322105

#4D4114 #483B11 #44360F #3F310C #3B2B0A #362607 #322105

#4D4114 - #322105

HSV Blend

#4D4114 - #322105 | 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 #4D4114 as 0% and #322105 as 100%.

0.0%	0.0% #4D4113	RGB 77 65 19	#4D4113
16.7%	16.7% #483B10	RGB 72 59 16	#483B10
33.3%	33.3% #44350E	RGB 68 53 14	#44350E
50.0%	50.0% #3F300B	RGB 63 48 11	#3F300B
66.7%	66.7% #3B2A09	RGB 59 42 9	#3B2A09
83.3%	83.3% #362506	RGB 54 37 6	#362506
100.0%	100.0% #322105	RGB 50 33 5	#322105

#4D4113 #483B10 #44350E #3F300B #3B2A09 #362506 #322105

#4D4114 - #3F300B - #322105

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4113 0%, #3F300B 50%, #322105 100%);
    background: -webkit-linear-gradient(top, #4D4113 0%, #3F300B 50%, #322105 100%);
    background: linear-gradient(to bottom, #4D4113 0%, #3F300B 50%, #322105 100%);
}
</style>