#00AFEC - #BDFFAF | colorate

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

Blend #00AFEC to #BDFFAF

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

RGB混合

#00AFEC - #BDFFAF | colorate

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

0.0%	0.0% #00AFEC	RGB 0 175 236	#00AFEC
16.7%	16.7% #1FBCE1	RGB 31 188 225	#1FBCE1
33.3%	33.3% #3FC9D7	RGB 63 201 215	#3FC9D7
50.0%	50.0% #5ED7CD	RGB 94 215 205	#5ED7CD
66.7%	66.7% #7EE4C3	RGB 126 228 195	#7EE4C3
83.3%	83.3% #9DF1B9	RGB 157 241 185	#9DF1B9
100.0%	100.0% #BDFFAF	RGB 189 255 175	#BDFFAF

#00AFEC #1FBCE1 #3FC9D7 #5ED7CD #7EE4C3 #9DF1B9 #BDFFAF

#00AFEC - #BDFFAF

HSV混合

#00AFEC - #BDFFAF | colorate

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

0.0%	0.0% #00AFEC	RGB 0 175 236	#00AFEC
16.7%	16.7% #1BEBEF	RGB 27 235 239	#1BEBEF
33.3%	33.3% #37F2C9	RGB 55 242 201	#37F2C9
50.0%	50.0% #54F5AB	RGB 84 245 171	#54F5AB
66.7%	66.7% #71F89A	RGB 113 248 154	#71F89A
83.3%	83.3% #90FB96	RGB 144 251 150	#90FB96
100.0%	100.0% #BDFFAF	RGB 189 255 175	#BDFFAF

#00AFEC #1BEBEF #37F2C9 #54F5AB #71F89A #90FB96 #BDFFAF

#00AFEC - #54F5AB - #BDFFAF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00AFEC 0%, #54F5AB 50%, #BDFFAF 100%);
    background: -webkit-linear-gradient(top, #00AFEC 0%, #54F5AB 50%, #BDFFAF 100%);
    background: linear-gradient(to bottom, #00AFEC 0%, #54F5AB 50%, #BDFFAF 100%);
}
</style>