#C2FDFF - #61D2D6 | colorate

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

Blend #C2FDFF to #61D2D6

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

RGB混合

#C2FDFF - #61D2D6 | colorate

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

0.0%	0.0% #C2FDFF	RGB 194 253 255	#C2FDFF
16.7%	16.7% #B1F5F8	RGB 177 245 248	#B1F5F8
33.3%	33.3% #A1EEF1	RGB 161 238 241	#A1EEF1
50.0%	50.0% #91E7EA	RGB 145 231 234	#91E7EA
66.7%	66.7% #81E0E3	RGB 129 224 227	#81E0E3
83.3%	83.3% #71D9DC	RGB 113 217 220	#71D9DC
100.0%	100.0% #61D2D6	RGB 97 210 214	#61D2D6

#C2FDFF #B1F5F8 #A1EEF1 #91E7EA #81E0E3 #71D9DC #61D2D6

#C2FDFF - #61D2D6

HSV混合

#C2FDFF - #61D2D6 | colorate

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

0.0%	0.0% #C2FDFF	RGB 194 253 255	#C2FDFF
16.7%	16.7% #B0F5F8	RGB 176 245 248	#B0F5F8
33.3%	33.3% #9EEEF1	RGB 158 238 241	#9EEEF1
50.0%	50.0% #8EE7EA	RGB 142 231 234	#8EE7EA
66.7%	66.7% #7EE0E3	RGB 126 224 227	#7EE0E3
83.3%	83.3% #6FD9DC	RGB 111 217 220	#6FD9DC
100.0%	100.0% #61D2D6	RGB 97 210 214	#61D2D6

#C2FDFF #B0F5F8 #9EEEF1 #8EE7EA #7EE0E3 #6FD9DC #61D2D6

#C2FDFF - #8EE7EA - #61D2D6

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FDFF 0%, #8EE7EA 50%, #61D2D6 100%);
    background: -webkit-linear-gradient(top, #C2FDFF 0%, #8EE7EA 50%, #61D2D6 100%);
    background: linear-gradient(to bottom, #C2FDFF 0%, #8EE7EA 50%, #61D2D6 100%);
}
</style>