#332F14 - #84813E | 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 #332F14 to #84813E

#332F14 #84813E

Calculate the color between two colors, #332F14 and #84813E. 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)

#332F14 - #84813E | 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 #332F14 as 0% and #84813E as 100%.

0.0%	0.0% #332F14	RGB 51 47 20	#332F14
16.7%	16.7% #403C1B	RGB 64 60 27	#403C1B
33.3%	33.3% #4E4A22	RGB 78 74 34	#4E4A22
50.0%	50.0% #5B5829	RGB 91 88 41	#5B5829
66.7%	66.7% #696530	RGB 105 101 48	#696530
83.3%	83.3% #767337	RGB 118 115 55	#767337
100.0%	100.0% #84813E	RGB 132 129 62	#84813E

#332F14 #403C1B #4E4A22 #5B5829 #696530 #767337 #84813E

#332F14 - #84813E

HSV Blend

#332F14 - #84813E | 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 #332F14 as 0% and #84813E as 100%.

0.0%	0.0% #332F14	RGB 51 47 20	#332F14
16.7%	16.7% #403C1A	RGB 64 60 26	#403C1A
33.3%	33.3% #4E4920	RGB 78 73 32	#4E4920
50.0%	50.0% #5B5727	RGB 91 87 39	#5B5727
66.7%	66.7% #69642E	RGB 105 100 46	#69642E
83.3%	83.3% #767236	RGB 118 114 54	#767236
100.0%	100.0% #84813E	RGB 132 129 62	#84813E

#332F14 #403C1A #4E4920 #5B5727 #69642E #767236 #84813E

#332F14 - #5B5727 - #84813E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #332F14 0%, #5B5727 50%, #84813E 100%);
    background: -webkit-linear-gradient(top, #332F14 0%, #5B5727 50%, #84813E 100%);
    background: linear-gradient(to bottom, #332F14 0%, #5B5727 50%, #84813E 100%);
}
</style>