#6F7E5C - #314C15 | 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 #6F7E5C to #314C15

#6F7E5C #314C15

Calculate the color between two colors, #6F7E5C and #314C15. 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)

#6F7E5C - #314C15 | 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 #6F7E5C as 0% and #314C15 as 100%.

0.0%	0.0% #6F7E5C	RGB 111 126 92	#6F7E5C
16.7%	16.7% #647550	RGB 100 117 80	#647550
33.3%	33.3% #5A6D44	RGB 90 109 68	#5A6D44
50.0%	50.0% #506538	RGB 80 101 56	#506538
66.7%	66.7% #455C2C	RGB 69 92 44	#455C2C
83.3%	83.3% #3B5420	RGB 59 84 32	#3B5420
100.0%	100.0% #314C15	RGB 49 76 21	#314C15

#6F7E5C #647550 #5A6D44 #506538 #455C2C #3B5420 #314C15

#6F7E5C - #314C15

HSV Blend

#6F7E5C - #314C15 | 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 #6F7E5C as 0% and #314C15 as 100%.

0.0%	0.0% #6F7E5C	RGB 111 126 92	#6F7E5C
16.7%	16.7% #63754D	RGB 99 117 77	#63754D
33.3%	33.3% #586D3F	RGB 88 109 63	#586D3F
50.0%	50.0% #4D6532	RGB 77 101 50	#4D6532
66.7%	66.7% #435C27	RGB 67 92 39	#435C27
83.3%	83.3% #39541D	RGB 57 84 29	#39541D
100.0%	100.0% #314C15	RGB 49 76 21	#314C15

#6F7E5C #63754D #586D3F #4D6532 #435C27 #39541D #314C15

#6F7E5C - #4D6532 - #314C15

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F7E5C 0%, #4D6532 50%, #314C15 100%);
    background: -webkit-linear-gradient(top, #6F7E5C 0%, #4D6532 50%, #314C15 100%);
    background: linear-gradient(to bottom, #6F7E5C 0%, #4D6532 50%, #314C15 100%);
}
</style>