#ABC6BA - #4B797E | colorate

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

Blend #ABC6BA to #4B797E

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

RGB混合

#ABC6BA - #4B797E | colorate

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

0.0%	0.0% #ABC6BA	RGB 171 198 186	#ABC6BA
16.7%	16.7% #9BB9B0	RGB 155 185 176	#9BB9B0
33.3%	33.3% #8BACA6	RGB 139 172 166	#8BACA6
50.0%	50.0% #7B9F9C	RGB 123 159 156	#7B9F9C
66.7%	66.7% #6B9292	RGB 107 146 146	#6B9292
83.3%	83.3% #5B8588	RGB 91 133 136	#5B8588
100.0%	100.0% #4B797E	RGB 75 121 126	#4B797E

#ABC6BA #9BB9B0 #8BACA6 #7B9F9C #6B9292 #5B8588 #4B797E

#ABC6BA - #4B797E

HSV混合

#ABC6BA - #4B797E | colorate

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

0.0%	0.0% #ABC6BA	RGB 171 198 186	#ABC6BA
16.7%	16.7% #98BAAE	RGB 152 186 174	#98BAAE
33.3%	33.3% #86AEA3	RGB 134 174 163	#86AEA3
50.0%	50.0% #76A29A	RGB 118 162 154	#76A29A
66.7%	66.7% #669692	RGB 102 150 146	#669692
83.3%	83.3% #58898A	RGB 88 137 138	#58898A
100.0%	100.0% #4B797E	RGB 75 121 126	#4B797E

#ABC6BA #98BAAE #86AEA3 #76A29A #669692 #58898A #4B797E

#ABC6BA - #76A29A - #4B797E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6BA 0%, #76A29A 50%, #4B797E 100%);
    background: -webkit-linear-gradient(top, #ABC6BA 0%, #76A29A 50%, #4B797E 100%);
    background: linear-gradient(to bottom, #ABC6BA 0%, #76A29A 50%, #4B797E 100%);
}
</style>