#3ECECE - #00A2A0 | colorate

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

Blend #3ECECE to #00A2A0

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

RGB混合

#3ECECE - #00A2A0 | colorate

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

0.0%	0.0% #3ECECE	RGB 62 206 206	#3ECECE
16.7%	16.7% #33C6C6	RGB 51 198 198	#33C6C6
33.3%	33.3% #29BFBE	RGB 41 191 190	#29BFBE
50.0%	50.0% #1FB8B7	RGB 31 184 183	#1FB8B7
66.7%	66.7% #14B0AF	RGB 20 176 175	#14B0AF
83.3%	83.3% #0AA9A7	RGB 10 169 167	#0AA9A7
100.0%	100.0% #00A2A0	RGB 0 162 160	#00A2A0

#3ECECE #33C6C6 #29BFBE #1FB8B7 #14B0AF #0AA9A7 #00A2A0

#3ECECE - #00A2A0

HSV混合

#3ECECE - #00A2A0 | colorate

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

0.0%	0.0% #3ECECE	RGB 62 206 206	#3ECECE
16.7%	16.7% #31C6C6	RGB 49 198 198	#31C6C6
33.3%	33.3% #26BFBE	RGB 38 191 190	#26BFBE
50.0%	50.0% #1BB8B7	RGB 27 184 183	#1BB8B7
66.7%	66.7% #11B0AF	RGB 17 176 175	#11B0AF
83.3%	83.3% #08A9A7	RGB 8 169 167	#08A9A7
100.0%	100.0% #00A2A0	RGB 0 162 160	#00A2A0

#3ECECE #31C6C6 #26BFBE #1BB8B7 #11B0AF #08A9A7 #00A2A0

#3ECECE - #1BB8B7 - #00A2A0

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3ECECE 0%, #1BB8B7 50%, #00A2A0 100%);
    background: -webkit-linear-gradient(top, #3ECECE 0%, #1BB8B7 50%, #00A2A0 100%);
    background: linear-gradient(to bottom, #3ECECE 0%, #1BB8B7 50%, #00A2A0 100%);
}
</style>