#71ECE6 - #00CAC7 | colorate

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

Blend #71ECE6 to #00CAC7

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

RGB混合

#71ECE6 - #00CAC7 | colorate

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

0.0%	0.0% #71ECE6	RGB 113 236 230	#71ECE6
16.7%	16.7% #5EE6E0	RGB 94 230 224	#5EE6E0
33.3%	33.3% #4BE0DB	RGB 75 224 219	#4BE0DB
50.0%	50.0% #38DBD6	RGB 56 219 214	#38DBD6
66.7%	66.7% #25D5D1	RGB 37 213 209	#25D5D1
83.3%	83.3% #12CFCC	RGB 18 207 204	#12CFCC
100.0%	100.0% #00CAC7	RGB 0 202 199	#00CAC7

#71ECE6 #5EE6E0 #4BE0DB #38DBD6 #25D5D1 #12CFCC #00CAC7

#71ECE6 - #00CAC7

HSV混合

#71ECE6 - #00CAC7 | colorate

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

0.0%	0.0% #71ECE6	RGB 113 236 230	#71ECE6
16.7%	16.7% #5BE6E0	RGB 91 230 224	#5BE6E0
33.3%	33.3% #47E0DA	RGB 71 224 218	#47E0DA
50.0%	50.0% #34DBD5	RGB 52 219 213	#34DBD5
66.7%	66.7% #22D5D0	RGB 34 213 208	#22D5D0
83.3%	83.3% #10CFCB	RGB 16 207 203	#10CFCB
100.0%	100.0% #00CAC7	RGB 0 202 199	#00CAC7

#71ECE6 #5BE6E0 #47E0DA #34DBD5 #22D5D0 #10CFCB #00CAC7

#71ECE6 - #34DBD5 - #00CAC7

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71ECE6 0%, #34DBD5 50%, #00CAC7 100%);
    background: -webkit-linear-gradient(top, #71ECE6 0%, #34DBD5 50%, #00CAC7 100%);
    background: linear-gradient(to bottom, #71ECE6 0%, #34DBD5 50%, #00CAC7 100%);
}
</style>