#9898AA - #3C5061 | colorate

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

Blend #9898AA to #3C5061

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

RGB混合

#9898AA - #3C5061 | colorate

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

0.0%	0.0% #9898AA	RGB 152 152 170	#9898AA
16.7%	16.7% #888C9D	RGB 136 140 157	#888C9D
33.3%	33.3% #798091	RGB 121 128 145	#798091
50.0%	50.0% #6A7485	RGB 106 116 133	#6A7485
66.7%	66.7% #5A6879	RGB 90 104 121	#5A6879
83.3%	83.3% #4B5C6D	RGB 75 92 109	#4B5C6D
100.0%	100.0% #3C5061	RGB 60 80 97	#3C5061

#9898AA #888C9D #798091 #6A7485 #5A6879 #4B5C6D #3C5061

#9898AA - #3C5061

HSV混合

#9898AA - #3C5061 | colorate

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

0.0%	0.0% #9898AA	RGB 152 152 170	#9898AA
16.7%	16.7% #85889D	RGB 133 136 157	#85889D
33.3%	33.3% #747A91	RGB 116 122 145	#747A91
50.0%	50.0% #646D85	RGB 100 109 133	#646D85
66.7%	66.7% #566279	RGB 86 98 121	#566279
83.3%	83.3% #48596D	RGB 72 89 109	#48596D
100.0%	100.0% #3C5061	RGB 60 80 97	#3C5061

#9898AA #85889D #747A91 #646D85 #566279 #48596D #3C5061

#9898AA - #646D85 - #3C5061

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9898AA 0%, #646D85 50%, #3C5061 100%);
    background: -webkit-linear-gradient(top, #9898AA 0%, #646D85 50%, #3C5061 100%);
    background: linear-gradient(to bottom, #9898AA 0%, #646D85 50%, #3C5061 100%);
}
</style>