#6E7E3C - #2D4111 | 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 #6E7E3C to #2D4111

#6E7E3C #2D4111

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

#6E7E3C - #2D4111 | 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 #6E7E3C as 0% and #2D4111 as 100%.

0.0%	0.0% #6E7E3C	RGB 110 126 60	#6E7E3C
16.7%	16.7% #637334	RGB 99 115 52	#637334
33.3%	33.3% #58692D	RGB 88 105 45	#58692D
50.0%	50.0% #4D5F26	RGB 77 95 38	#4D5F26
66.7%	66.7% #42551F	RGB 66 85 31	#42551F
83.3%	83.3% #374B18	RGB 55 75 24	#374B18
100.0%	100.0% #2D4111	RGB 45 65 17	#2D4111

#6E7E3C #637334 #58692D #4D5F26 #42551F #374B18 #2D4111

#6E7E3C - #2D4111

HSV Blend

#6E7E3C - #2D4111 | 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 #6E7E3C as 0% and #2D4111 as 100%.

0.0%	0.0% #6E7E3C	RGB 110 126 60	#6E7E3C
16.7%	16.7% #627333	RGB 98 115 51	#627333
33.3%	33.3% #56692A	RGB 86 105 42	#56692A
50.0%	50.0% #4B5F23	RGB 75 95 35	#4B5F23
66.7%	66.7% #40551C	RGB 64 85 28	#40551C
83.3%	83.3% #364B16	RGB 54 75 22	#364B16
100.0%	100.0% #2D4111	RGB 45 65 17	#2D4111

#6E7E3C #627333 #56692A #4B5F23 #40551C #364B16 #2D4111

#6E7E3C - #4B5F23 - #2D4111

CSS codes

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

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