#ABC2B9 - #4A8781 | colorate

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

Blend #ABC2B9 to #4A8781

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

RGB混合

#ABC2B9 - #4A8781 | colorate

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

0.0%	0.0% #ABC2B9	RGB 171 194 185	#ABC2B9
16.7%	16.7% #9AB8AF	RGB 154 184 175	#9AB8AF
33.3%	33.3% #8AAEA6	RGB 138 174 166	#8AAEA6
50.0%	50.0% #7AA49D	RGB 122 164 157	#7AA49D
66.7%	66.7% #6A9A93	RGB 106 154 147	#6A9A93
83.3%	83.3% #5A908A	RGB 90 144 138	#5A908A
100.0%	100.0% #4A8781	RGB 74 135 129	#4A8781

#ABC2B9 #9AB8AF #8AAEA6 #7AA49D #6A9A93 #5A908A #4A8781

#ABC2B9 - #4A8781

HSV混合

#ABC2B9 - #4A8781 | colorate

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

0.0%	0.0% #ABC2B9	RGB 171 194 185	#ABC2B9
16.7%	16.7% #98B8AD	RGB 152 184 173	#98B8AD
33.3%	33.3% #86AEA2	RGB 134 174 162	#86AEA2
50.0%	50.0% #75A499	RGB 117 164 153	#75A499
66.7%	66.7% #659A90	RGB 101 154 144	#659A90
83.3%	83.3% #579088	RGB 87 144 136	#579088
100.0%	100.0% #4A8781	RGB 74 135 129	#4A8781

#ABC2B9 #98B8AD #86AEA2 #75A499 #659A90 #579088 #4A8781

#ABC2B9 - #75A499 - #4A8781

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC2B9 0%, #75A499 50%, #4A8781 100%);
    background: -webkit-linear-gradient(top, #ABC2B9 0%, #75A499 50%, #4A8781 100%);
    background: linear-gradient(to bottom, #ABC2B9 0%, #75A499 50%, #4A8781 100%);
}
</style>