#332614 - #846C3E | 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 #332614 to #846C3E

#332614 #846C3E

Calculate the color between two colors, #332614 and #846C3E. 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)

#332614 - #846C3E | 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 #332614 as 0% and #846C3E as 100%.

0.0%	0.0% #332614	RGB 51 38 20	#332614
16.7%	16.7% #40311B	RGB 64 49 27	#40311B
33.3%	33.3% #4E3D22	RGB 78 61 34	#4E3D22
50.0%	50.0% #5B4929	RGB 91 73 41	#5B4929
66.7%	66.7% #695430	RGB 105 84 48	#695430
83.3%	83.3% #766037	RGB 118 96 55	#766037
100.0%	100.0% #846C3E	RGB 132 108 62	#846C3E

#332614 #40311B #4E3D22 #5B4929 #695430 #766037 #846C3E

#332614 - #846C3E

HSV Blend

#332614 - #846C3E | 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 #332614 as 0% and #846C3E as 100%.

0.0%	0.0% #332614	RGB 51 38 20	#332614
16.7%	16.7% #40301A	RGB 64 48 26	#40301A
33.3%	33.3% #4E3C20	RGB 78 60 32	#4E3C20
50.0%	50.0% #5B4727	RGB 91 71 39	#5B4727
66.7%	66.7% #69532E	RGB 105 83 46	#69532E
83.3%	83.3% #765F36	RGB 118 95 54	#765F36
100.0%	100.0% #846C3E	RGB 132 108 62	#846C3E

#332614 #40301A #4E3C20 #5B4727 #69532E #765F36 #846C3E

#332614 - #5B4727 - #846C3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #332614 0%, #5B4727 50%, #846C3E 100%);
    background: -webkit-linear-gradient(top, #332614 0%, #5B4727 50%, #846C3E 100%);
    background: linear-gradient(to bottom, #332614 0%, #5B4727 50%, #846C3E 100%);
}
</style>