#9BA2A6 - #3E5E4E | colorate

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

Blend #9BA2A6 to #3E5E4E

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

RGB混合

#9BA2A6 - #3E5E4E | colorate

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

0.0%	0.0% #9BA2A6	RGB 155 162 166	#9BA2A6
16.7%	16.7% #8B9697	RGB 139 150 151	#8B9697
33.3%	33.3% #7C8B88	RGB 124 139 136	#7C8B88
50.0%	50.0% #6C807A	RGB 108 128 122	#6C807A
66.7%	66.7% #5D746B	RGB 93 116 107	#5D746B
83.3%	83.3% #4D695C	RGB 77 105 92	#4D695C
100.0%	100.0% #3E5E4E	RGB 62 94 78	#3E5E4E

#9BA2A6 #8B9697 #7C8B88 #6C807A #5D746B #4D695C #3E5E4E

#9BA2A6 - #3E5E4E

HSV混合

#9BA2A6 - #3E5E4E | colorate

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

0.0%	0.0% #9BA2A6	RGB 155 162 166	#9BA2A6
16.7%	16.7% #88969A	RGB 136 150 154	#88969A
33.3%	33.3% #778C8E	RGB 119 140 142	#778C8E
50.0%	50.0% #678280	RGB 103 130 128	#678280
66.7%	66.7% #58766F	RGB 88 118 111	#58766F
83.3%	83.3% #4A6A5E	RGB 74 106 94	#4A6A5E
100.0%	100.0% #3E5E4E	RGB 62 94 78	#3E5E4E

#9BA2A6 #88969A #778C8E #678280 #58766F #4A6A5E #3E5E4E

#9BA2A6 - #678280 - #3E5E4E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9BA2A6 0%, #678280 50%, #3E5E4E 100%);
    background: -webkit-linear-gradient(top, #9BA2A6 0%, #678280 50%, #3E5E4E 100%);
    background: linear-gradient(to bottom, #9BA2A6 0%, #678280 50%, #3E5E4E 100%);
}
</style>