#A8BEA8 - #559653 | colorate

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

Blend #A8BEA8 to #559653

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

RGB混合

#A8BEA8 - #559653 | colorate

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

0.0%	0.0% #A8BEA8	RGB 168 190 168	#A8BEA8
16.7%	16.7% #9AB799	RGB 154 183 153	#9AB799
33.3%	33.3% #8CB08B	RGB 140 176 139	#8CB08B
50.0%	50.0% #7EAA7D	RGB 126 170 125	#7EAA7D
66.7%	66.7% #70A36F	RGB 112 163 111	#70A36F
83.3%	83.3% #629C61	RGB 98 156 97	#629C61
100.0%	100.0% #559653	RGB 85 150 83	#559653

#A8BEA8 #9AB799 #8CB08B #7EAA7D #70A36F #629C61 #559653

#A8BEA8 - #559653

HSV混合

#A8BEA8 - #559653 | colorate

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

0.0%	0.0% #A8BEA8	RGB 168 190 168	#A8BEA8
16.7%	16.7% #98B797	RGB 152 183 151	#98B797
33.3%	33.3% #89B088	RGB 137 176 136	#89B088
50.0%	50.0% #7AAA7A	RGB 122 170 122	#7AAA7A
66.7%	66.7% #6DA36C	RGB 109 163 108	#6DA36C
83.3%	83.3% #609C5F	RGB 96 156 95	#609C5F
100.0%	100.0% #559653	RGB 85 150 83	#559653

#A8BEA8 #98B797 #89B088 #7AAA7A #6DA36C #609C5F #559653

#A8BEA8 - #7AAA7A - #559653

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BEA8 0%, #7AAA7A 50%, #559653 100%);
    background: -webkit-linear-gradient(top, #A8BEA8 0%, #7AAA7A 50%, #559653 100%);
    background: linear-gradient(to bottom, #A8BEA8 0%, #7AAA7A 50%, #559653 100%);
}
</style>