#6F7E67 - #3B5E1B | 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 #6F7E67 to #3B5E1B

#6F7E67 #3B5E1B

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

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

0.0%	0.0% #6F7E67	RGB 111 126 103	#6F7E67
16.7%	16.7% #66785A	RGB 102 120 90	#66785A
33.3%	33.3% #5D734D	RGB 93 115 77	#5D734D
50.0%	50.0% #556E41	RGB 85 110 65	#556E41
66.7%	66.7% #4C6834	RGB 76 104 52	#4C6834
83.3%	83.3% #436327	RGB 67 99 39	#436327
100.0%	100.0% #3B5E1B	RGB 59 94 27	#3B5E1B

#6F7E67 #66785A #5D734D #556E41 #4C6834 #436327 #3B5E1B

#6F7E67 - #3B5E1B

HSV Blend

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

0.0%	0.0% #6F7E67	RGB 111 126 103	#6F7E67
16.7%	16.7% #647857	RGB 100 120 87	#647857
33.3%	33.3% #5A7349	RGB 90 115 73	#5A7349
50.0%	50.0% #516E3C	RGB 81 110 60	#516E3C
66.7%	66.7% #486830	RGB 72 104 48	#486830
83.3%	83.3% #416325	RGB 65 99 37	#416325
100.0%	100.0% #3B5E1B	RGB 59 94 27	#3B5E1B

#6F7E67 #647857 #5A7349 #516E3C #486830 #416325 #3B5E1B

#6F7E67 - #516E3C - #3B5E1B

CSS codes

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

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