#2F3C2B - #818355 | 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 #2F3C2B to #818355

#2F3C2B #818355

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

#2F3C2B - #818355 | 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 #2F3C2B as 0% and #818355 as 100%.

0.0%	0.0% #2F3C2B	RGB 47 60 43	#2F3C2B
16.7%	16.7% #3C4732	RGB 60 71 50	#3C4732
33.3%	33.3% #4A5339	RGB 74 83 57	#4A5339
50.0%	50.0% #585F40	RGB 88 95 64	#585F40
66.7%	66.7% #656B47	RGB 101 107 71	#656B47
83.3%	83.3% #73774E	RGB 115 119 78	#73774E
100.0%	100.0% #818355	RGB 129 131 85	#818355

#2F3C2B #3C4732 #4A5339 #585F40 #656B47 #73774E #818355

#2F3C2B - #818355

HSV Blend

#2F3C2B - #818355 | 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 #2F3C2B as 0% and #818355 as 100%.

0.0%	0.0% #2F3C2B	RGB 47 60 43	#2F3C2B
16.7%	16.7% #3A4732	RGB 58 71 50	#3A4732
33.3%	33.3% #46533A	RGB 70 83 58	#46533A
50.0%	50.0% #535F41	RGB 83 95 65	#535F41
66.7%	66.7% #616B48	RGB 97 107 72	#616B48
83.3%	83.3% #70774E	RGB 112 119 78	#70774E
100.0%	100.0% #818355	RGB 129 131 85	#818355

#2F3C2B #3A4732 #46533A #535F41 #616B48 #70774E #818355

#2F3C2B - #535F41 - #818355

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F3C2B 0%, #535F41 50%, #818355 100%);
    background: -webkit-linear-gradient(top, #2F3C2B 0%, #535F41 50%, #818355 100%);
    background: linear-gradient(to bottom, #2F3C2B 0%, #535F41 50%, #818355 100%);
}
</style>