#6F7E5E - #2F3321 | 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 #6F7E5E to #2F3321

#6F7E5E #2F3321

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

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

0.0%	0.0% #6F7E5E	RGB 111 126 94	#6F7E5E
16.7%	16.7% #647153	RGB 100 113 83	#647153
33.3%	33.3% #596549	RGB 89 101 73	#596549
50.0%	50.0% #4F583F	RGB 79 88 63	#4F583F
66.7%	66.7% #444C35	RGB 68 76 53	#444C35
83.3%	83.3% #393F2B	RGB 57 63 43	#393F2B
100.0%	100.0% #2F3321	RGB 47 51 33	#2F3321

#6F7E5E #647153 #596549 #4F583F #444C35 #393F2B #2F3321

#6F7E5E - #2F3321

HSV Blend

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

0.0%	0.0% #6F7E5E	RGB 111 126 94	#6F7E5E
16.7%	16.7% #647152	RGB 100 113 82	#647152
33.3%	33.3% #596548	RGB 89 101 72	#596548
50.0%	50.0% #4F583D	RGB 79 88 61	#4F583D
66.7%	66.7% #444C33	RGB 68 76 51	#444C33
83.3%	83.3% #393F2A	RGB 57 63 42	#393F2A
100.0%	100.0% #2F3321	RGB 47 51 33	#2F3321

#6F7E5E #647152 #596548 #4F583D #444C33 #393F2A #2F3321

#6F7E5E - #4F583D - #2F3321

CSS codes

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

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