#9EB6B5 - #377E7B | colorate

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

Blend #9EB6B5 to #377E7B

计算两种颜色#9EB6B5和#377E7B之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#9EB6B5 - #377E7B | colorate

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

0.0%	0.0% #9EB6B5	RGB 158 182 181	#9EB6B5
16.7%	16.7% #8CACAB	RGB 140 172 171	#8CACAB
33.3%	33.3% #7BA3A1	RGB 123 163 161	#7BA3A1
50.0%	50.0% #6A9A98	RGB 106 154 152	#6A9A98
66.7%	66.7% #59908E	RGB 89 144 142	#59908E
83.3%	83.3% #488784	RGB 72 135 132	#488784
100.0%	100.0% #377E7B	RGB 55 126 123	#377E7B

#9EB6B5 #8CACAB #7BA3A1 #6A9A98 #59908E #488784 #377E7B

#9EB6B5 - #377E7B

HSV混合

#9EB6B5 - #377E7B | colorate

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

0.0%	0.0% #9EB6B5	RGB 158 182 181	#9EB6B5
16.7%	16.7% #89ACAB	RGB 137 172 171	#89ACAB
33.3%	33.3% #76A3A1	RGB 118 163 161	#76A3A1
50.0%	50.0% #649A97	RGB 100 154 151	#649A97
66.7%	66.7% #53908E	RGB 83 144 142	#53908E
83.3%	83.3% #448784	RGB 68 135 132	#448784
100.0%	100.0% #377E7B	RGB 55 126 123	#377E7B

#9EB6B5 #89ACAB #76A3A1 #649A97 #53908E #448784 #377E7B

#9EB6B5 - #649A97 - #377E7B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9EB6B5 0%, #649A97 50%, #377E7B 100%);
    background: -webkit-linear-gradient(top, #9EB6B5 0%, #649A97 50%, #377E7B 100%);
    background: linear-gradient(to bottom, #9EB6B5 0%, #649A97 50%, #377E7B 100%);
}
</style>