#2B3910 - #828C3C | 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 #2B3910 to #828C3C

#2B3910 #828C3C

Calculate the color between two colors, #2B3910 and #828C3C. 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)

#2B3910 - #828C3C | 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 #2B3910 as 0% and #828C3C as 100%.

0.0%	0.0% #2B3910	RGB 43 57 16	#2B3910
16.7%	16.7% #394617	RGB 57 70 23	#394617
33.3%	33.3% #48541E	RGB 72 84 30	#48541E
50.0%	50.0% #566226	RGB 86 98 38	#566226
66.7%	66.7% #65702D	RGB 101 112 45	#65702D
83.3%	83.3% #737E34	RGB 115 126 52	#737E34
100.0%	100.0% #828C3C	RGB 130 140 60	#828C3C

#2B3910 #394617 #48541E #566226 #65702D #737E34 #828C3C

#2B3910 - #828C3C

HSV Blend

#2B3910 - #828C3C | 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 #2B3910 as 0% and #828C3C as 100%.

0.0%	0.0% #2B3910	RGB 43 57 16	#2B3910
16.7%	16.7% #374615	RGB 55 70 21	#374615
33.3%	33.3% #45541B	RGB 69 84 27	#45541B
50.0%	50.0% #536222	RGB 83 98 34	#536222
66.7%	66.7% #62702A	RGB 98 112 42	#62702A
83.3%	83.3% #727E32	RGB 114 126 50	#727E32
100.0%	100.0% #828C3C	RGB 130 140 60	#828C3C

#2B3910 #374615 #45541B #536222 #62702A #727E32 #828C3C

#2B3910 - #536222 - #828C3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B3910 0%, #536222 50%, #828C3C 100%);
    background: -webkit-linear-gradient(top, #2B3910 0%, #536222 50%, #828C3C 100%);
    background: linear-gradient(to bottom, #2B3910 0%, #536222 50%, #828C3C 100%);
}
</style>