#00AAA2 - #ABFBAF | colorate

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

Blend #00AAA2 to #ABFBAF

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

RGB混合

#00AAA2 - #ABFBAF | colorate

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

0.0%	0.0% #00AAA2	RGB 0 170 162	#00AAA2
16.7%	16.7% #1CB7A4	RGB 28 183 164	#1CB7A4
33.3%	33.3% #39C5A6	RGB 57 197 166	#39C5A6
50.0%	50.0% #55D2A8	RGB 85 210 168	#55D2A8
66.7%	66.7% #72E0AA	RGB 114 224 170	#72E0AA
83.3%	83.3% #8EEDAC	RGB 142 237 172	#8EEDAC
100.0%	100.0% #ABFBAF	RGB 171 251 175	#ABFBAF

#00AAA2 #1CB7A4 #39C5A6 #55D2A8 #72E0AA #8EEDAC #ABFBAF

#00AAA2 - #ABFBAF

HSV混合

#00AAA2 - #ABFBAF | colorate

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

0.0%	0.0% #00AAA2	RGB 0 170 162	#00AAA2
16.7%	16.7% #14B797	RGB 20 183 151	#14B797
33.3%	33.3% #2CC590	RGB 44 197 144	#2CC590
50.0%	50.0% #47D28D	RGB 71 210 141	#47D28D
66.7%	66.7% #65E090	RGB 101 224 144	#65E090
83.3%	83.3% #86ED9B	RGB 134 237 155	#86ED9B
100.0%	100.0% #ABFBAF	RGB 171 251 175	#ABFBAF

#00AAA2 #14B797 #2CC590 #47D28D #65E090 #86ED9B #ABFBAF

#00AAA2 - #47D28D - #ABFBAF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AAA2 0%, #47D28D 50%, #ABFBAF 100%);
    background: -webkit-linear-gradient(top, #00AAA2 0%, #47D28D 50%, #ABFBAF 100%);
    background: linear-gradient(to bottom, #00AAA2 0%, #47D28D 50%, #ABFBAF 100%);
}
</style>