#A8ABC3 - #4A5E7F | colorate

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

Blend #A8ABC3 to #4A5E7F

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

RGB混合

#A8ABC3 - #4A5E7F | colorate

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

0.0%	0.0% #A8ABC3	RGB 168 171 195	#A8ABC3
16.7%	16.7% #989EB7	RGB 152 158 183	#989EB7
33.3%	33.3% #8891AC	RGB 136 145 172	#8891AC
50.0%	50.0% #7984A1	RGB 121 132 161	#7984A1
66.7%	66.7% #697795	RGB 105 119 149	#697795
83.3%	83.3% #596A8A	RGB 89 106 138	#596A8A
100.0%	100.0% #4A5E7F	RGB 74 94 127	#4A5E7F

#A8ABC3 #989EB7 #8891AC #7984A1 #697795 #596A8A #4A5E7F

#A8ABC3 - #4A5E7F

HSV混合

#A8ABC3 - #4A5E7F | colorate

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

0.0%	0.0% #A8ABC3	RGB 168 171 195	#A8ABC3
16.7%	16.7% #959AB7	RGB 149 154 183	#959AB7
33.3%	33.3% #848CAC	RGB 132 140 172	#848CAC
50.0%	50.0% #747FA1	RGB 116 127 161	#747FA1
66.7%	66.7% #657395	RGB 101 115 149	#657395
83.3%	83.3% #57688A	RGB 87 104 138	#57688A
100.0%	100.0% #4A5E7F	RGB 74 94 127	#4A5E7F

#A8ABC3 #959AB7 #848CAC #747FA1 #657395 #57688A #4A5E7F

#A8ABC3 - #747FA1 - #4A5E7F

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ABC3 0%, #747FA1 50%, #4A5E7F 100%);
    background: -webkit-linear-gradient(top, #A8ABC3 0%, #747FA1 50%, #4A5E7F 100%);
    background: linear-gradient(to bottom, #A8ABC3 0%, #747FA1 50%, #4A5E7F 100%);
}
</style>