#6F7B5E - #364F14 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #6F7B5E to #364F14

计算两种颜色#6F7B5E和#364F14之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#6F7B5E - #364F14 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#6F7B5E的两种颜色之间的颜色扩展为0％，将#364F14扩展为100％。

0.0%	0.0% #6F7B5E	RGB 111 123 94	#6F7B5E
16.7%	16.7% #657351	RGB 101 115 81	#657351
33.3%	33.3% #5C6C45	RGB 92 108 69	#5C6C45
50.0%	50.0% #526539	RGB 82 101 57	#526539
66.7%	66.7% #495D2C	RGB 73 93 44	#495D2C
83.3%	83.3% #3F5620	RGB 63 86 32	#3F5620
100.0%	100.0% #364F14	RGB 54 79 20	#364F14

#6F7B5E #657351 #5C6C45 #526539 #495D2C #3F5620 #364F14

#6F7B5E - #364F14

HSV混合

#6F7B5E - #364F14 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#6F7B5E的两种颜色之间的颜色扩展为0％，将#364F14扩展为100％。

0.0%	0.0% #6F7B5E	RGB 111 123 94	#6F7B5E
16.7%	16.7% #64734E	RGB 100 115 78	#64734E
33.3%	33.3% #596C40	RGB 89 108 64	#596C40
50.0%	50.0% #506533	RGB 80 101 51	#506533
66.7%	66.7% #465D27	RGB 70 93 39	#465D27
83.3%	83.3% #3E561D	RGB 62 86 29	#3E561D
100.0%	100.0% #364F14	RGB 54 79 20	#364F14

#6F7B5E #64734E #596C40 #506533 #465D27 #3E561D #364F14

#6F7B5E - #506533 - #364F14

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6F7B5E 0%, #506533 50%, #364F14 100%);
    background: -webkit-linear-gradient(top, #6F7B5E 0%, #506533 50%, #364F14 100%);
    background: linear-gradient(to bottom, #6F7B5E 0%, #506533 50%, #364F14 100%);
}
</style>