#6E6F5E - #3C4113 | 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 #6E6F5E to #3C4113

#6E6F5E #3C4113

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

#6E6F5E - #3C4113 | 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 #6E6F5E as 0% and #3C4113 as 100%.

0.0%	0.0% #6E6F5E	RGB 110 111 94	#6E6F5E
16.7%	16.7% #656751	RGB 101 103 81	#656751
33.3%	33.3% #5D5F45	RGB 93 95 69	#5D5F45
50.0%	50.0% #555838	RGB 85 88 56	#555838
66.7%	66.7% #4C502C	RGB 76 80 44	#4C502C
83.3%	83.3% #44481F	RGB 68 72 31	#44481F
100.0%	100.0% #3C4113	RGB 60 65 19	#3C4113

#6E6F5E #656751 #5D5F45 #555838 #4C502C #44481F #3C4113

#6E6F5E - #3C4113

HSV Blend

#6E6F5E - #3C4113 | 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 #6E6F5E as 0% and #3C4113 as 100%.

0.0%	0.0% #6E6F5E	RGB 110 111 94	#6E6F5E
16.7%	16.7% #65674D	RGB 101 103 77	#65674D
33.3%	33.3% #5D5F3F	RGB 93 95 63	#5D5F3F
50.0%	50.0% #545832	RGB 84 88 50	#545832
66.7%	66.7% #4C5026	RGB 76 80 38	#4C5026
83.3%	83.3% #44481B	RGB 68 72 27	#44481B
100.0%	100.0% #3C4113	RGB 60 65 19	#3C4113

#6E6F5E #65674D #5D5F3F #545832 #4C5026 #44481B #3C4113

#6E6F5E - #545832 - #3C4113

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E6F5E 0%, #545832 50%, #3C4113 100%);
    background: -webkit-linear-gradient(top, #6E6F5E 0%, #545832 50%, #3C4113 100%);
    background: linear-gradient(to bottom, #6E6F5E 0%, #545832 50%, #3C4113 100%);
}
</style>