#00D59C - #B6F3E2 | colorate

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

Blend #00D59C to #B6F3E2

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

RGB混合

#00D59C - #B6F3E2 | colorate

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

0.0%	0.0% #00D59C	RGB 0 213 156	#00D59C
16.7%	16.7% #1EDAA7	RGB 30 218 167	#1EDAA7
33.3%	33.3% #3CDFB3	RGB 60 223 179	#3CDFB3
50.0%	50.0% #5BE4BF	RGB 91 228 191	#5BE4BF
66.7%	66.7% #79E9CA	RGB 121 233 202	#79E9CA
83.3%	83.3% #97EED6	RGB 151 238 214	#97EED6
100.0%	100.0% #B6F3E2	RGB 182 243 226	#B6F3E2

#00D59C #1EDAA7 #3CDFB3 #5BE4BF #79E9CA #97EED6 #B6F3E2

#00D59C - #B6F3E2

HSV混合

#00D59C - #B6F3E2 | colorate

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

0.0%	0.0% #00D59C	RGB 0 213 156	#00D59C
16.7%	16.7% #1BDAA6	RGB 27 218 166	#1BDAA6
33.3%	33.3% #37DFB1	RGB 55 223 177	#37DFB1
50.0%	50.0% #55E4BD	RGB 85 228 189	#55E4BD
66.7%	66.7% #74E9C8	RGB 116 233 200	#74E9C8
83.3%	83.3% #94EED5	RGB 148 238 213	#94EED5
100.0%	100.0% #B6F3E2	RGB 182 243 226	#B6F3E2

#00D59C #1BDAA6 #37DFB1 #55E4BD #74E9C8 #94EED5 #B6F3E2

#00D59C - #55E4BD - #B6F3E2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D59C 0%, #55E4BD 50%, #B6F3E2 100%);
    background: -webkit-linear-gradient(top, #00D59C 0%, #55E4BD 50%, #B6F3E2 100%);
    background: linear-gradient(to bottom, #00D59C 0%, #55E4BD 50%, #B6F3E2 100%);
}
</style>