#6D7E5E - #335314 | 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 #6D7E5E to #335314

#6D7E5E #335314

Calculate the color between two colors, #6D7E5E and #335314. 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)

#6D7E5E - #335314 | 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 #6D7E5E as 0% and #335314 as 100%.

0.0%	0.0% #6D7E5E	RGB 109 126 94	#6D7E5E
16.7%	16.7% #637651	RGB 99 118 81	#637651
33.3%	33.3% #596F45	RGB 89 111 69	#596F45
50.0%	50.0% #506839	RGB 80 104 57	#506839
66.7%	66.7% #46612C	RGB 70 97 44	#46612C
83.3%	83.3% #3C5A20	RGB 60 90 32	#3C5A20
100.0%	100.0% #335314	RGB 51 83 20	#335314

#6D7E5E #637651 #596F45 #506839 #46612C #3C5A20 #335314

#6D7E5E - #335314

HSV Blend

#6D7E5E - #335314 | 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 #6D7E5E as 0% and #335314 as 100%.

0.0%	0.0% #6D7E5E	RGB 109 126 94	#6D7E5E
16.7%	16.7% #61764E	RGB 97 118 78	#61764E
33.3%	33.3% #566F40	RGB 86 111 64	#566F40
50.0%	50.0% #4C6833	RGB 76 104 51	#4C6833
66.7%	66.7% #436127	RGB 67 97 39	#436127
83.3%	83.3% #3B5A1D	RGB 59 90 29	#3B5A1D
100.0%	100.0% #335314	RGB 51 83 20	#335314

#6D7E5E #61764E #566F40 #4C6833 #436127 #3B5A1D #335314

#6D7E5E - #4C6833 - #335314

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D7E5E 0%, #4C6833 50%, #335314 100%);
    background: -webkit-linear-gradient(top, #6D7E5E 0%, #4C6833 50%, #335314 100%);
    background: linear-gradient(to bottom, #6D7E5E 0%, #4C6833 50%, #335314 100%);
}
</style>