#134D3C - #BBCCC7 | colorate

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

Blend #134D3C to #BBCCC7

计算两种颜色#134D3C和#BBCCC7之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#134D3C - #BBCCC7 | colorate

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

0.0%	0.0% #134D3C	RGB 19 77 60	#134D3C
16.7%	16.7% #2F6253	RGB 47 98 83	#2F6253
33.3%	33.3% #4B776A	RGB 75 119 106	#4B776A
50.0%	50.0% #678C81	RGB 103 140 129	#678C81
66.7%	66.7% #83A198	RGB 131 161 152	#83A198
83.3%	83.3% #9FB6AF	RGB 159 182 175	#9FB6AF
100.0%	100.0% #BBCCC7	RGB 187 204 199	#BBCCC7

#134D3C #2F6253 #4B776A #678C81 #83A198 #9FB6AF #BBCCC7

#134D3C - #BBCCC7

HSV混合

#134D3C - #BBCCC7 | colorate

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

0.0%	0.0% #134D3C	RGB 19 77 60	#134D3C
16.7%	16.7% #23624F	RGB 35 98 79	#23624F
33.3%	33.3% #387764	RGB 56 119 100	#387764
50.0%	50.0% #518C7B	RGB 81 140 123	#518C7B
66.7%	66.7% #70A193	RGB 112 161 147	#70A193
83.3%	83.3% #93B6AC	RGB 147 182 172	#93B6AC
100.0%	100.0% #BBCCC7	RGB 187 204 199	#BBCCC7

#134D3C #23624F #387764 #518C7B #70A193 #93B6AC #BBCCC7

#134D3C - #518C7B - #BBCCC7

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #134D3C 0%, #518C7B 50%, #BBCCC7 100%);
    background: -webkit-linear-gradient(top, #134D3C 0%, #518C7B 50%, #BBCCC7 100%);
    background: linear-gradient(to bottom, #134D3C 0%, #518C7B 50%, #BBCCC7 100%);
}
</style>