#6F7E5E - #3F5713 | 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 #3F5713

#6F7E5E #3F5713

Calculate the color between two colors, #6F7E5E and #3F5713. 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 - #3F5713 | 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 #3F5713 as 100%.

0.0%	0.0% #6F7E5E	RGB 111 126 94	#6F7E5E
16.7%	16.7% #677751	RGB 103 119 81	#677751
33.3%	33.3% #5F7145	RGB 95 113 69	#5F7145
50.0%	50.0% #576A38	RGB 87 106 56	#576A38
66.7%	66.7% #4F642C	RGB 79 100 44	#4F642C
83.3%	83.3% #475D1F	RGB 71 93 31	#475D1F
100.0%	100.0% #3F5713	RGB 63 87 19	#3F5713

#6F7E5E #677751 #5F7145 #576A38 #4F642C #475D1F #3F5713

#6F7E5E - #3F5713

HSV Blend

#6F7E5E - #3F5713 | 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 #3F5713 as 100%.

0.0%	0.0% #6F7E5E	RGB 111 126 94	#6F7E5E
16.7%	16.7% #65774E	RGB 101 119 78	#65774E
33.3%	33.3% #5C7140	RGB 92 113 64	#5C7140
50.0%	50.0% #536A33	RGB 83 106 51	#536A33
66.7%	66.7% #4C6427	RGB 76 100 39	#4C6427
83.3%	83.3% #455D1C	RGB 69 93 28	#455D1C
100.0%	100.0% #3F5713	RGB 63 87 19	#3F5713

#6F7E5E #65774E #5C7140 #536A33 #4C6427 #455D1C #3F5713

#6F7E5E - #536A33 - #3F5713

CSS codes

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

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