#3B5E4F - #8DA670 | colorate

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

Blend #3B5E4F to #8DA670

计算两种颜色#3B5E4F和#8DA670之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#3B5E4F - #8DA670 | colorate

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

0.0%	0.0% #3B5E4F	RGB 59 94 79	#3B5E4F
16.7%	16.7% #486A54	RGB 72 106 84	#486A54
33.3%	33.3% #56765A	RGB 86 118 90	#56765A
50.0%	50.0% #64825F	RGB 100 130 95	#64825F
66.7%	66.7% #718E65	RGB 113 142 101	#718E65
83.3%	83.3% #7F9A6A	RGB 127 154 106	#7F9A6A
100.0%	100.0% #8DA670	RGB 141 166 112	#8DA670

#3B5E4F #486A54 #56765A #64825F #718E65 #7F9A6A #8DA670

#3B5E4F - #8DA670

HSV混合

#3B5E4F - #8DA670 | colorate

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

0.0%	0.0% #3B5E4F	RGB 59 94 79	#3B5E4F
16.7%	16.7% #436A52	RGB 67 106 82	#436A52
33.3%	33.3% #4B7654	RGB 75 118 84	#4B7654
50.0%	50.0% #548255	RGB 84 130 85	#548255
66.7%	66.7% #658E5D	RGB 101 142 93	#658E5D
83.3%	83.3% #789A66	RGB 120 154 102	#789A66
100.0%	100.0% #8DA670	RGB 141 166 112	#8DA670

#3B5E4F #436A52 #4B7654 #548255 #658E5D #789A66 #8DA670

#3B5E4F - #548255 - #8DA670

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E4F 0%, #548255 50%, #8DA670 100%);
    background: -webkit-linear-gradient(top, #3B5E4F 0%, #548255 50%, #8DA670 100%);
    background: linear-gradient(to bottom, #3B5E4F 0%, #548255 50%, #8DA670 100%);
}
</style>