#41D9AF - #00AD7E | colorate

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

Blend #41D9AF to #00AD7E

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

RGB混合

#41D9AF - #00AD7E | colorate

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

0.0%	0.0% #41D9AF	RGB 65 217 175	#41D9AF
16.7%	16.7% #36D1A6	RGB 54 209 166	#36D1A6
33.3%	33.3% #2BCA9E	RGB 43 202 158	#2BCA9E
50.0%	50.0% #20C396	RGB 32 195 150	#20C396
66.7%	66.7% #15BB8E	RGB 21 187 142	#15BB8E
83.3%	83.3% #0AB486	RGB 10 180 134	#0AB486
100.0%	100.0% #00AD7E	RGB 0 173 126	#00AD7E

#41D9AF #36D1A6 #2BCA9E #20C396 #15BB8E #0AB486 #00AD7E

#41D9AF - #00AD7E

HSV混合

#41D9AF - #00AD7E | colorate

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

0.0%	0.0% #41D9AF	RGB 65 217 175	#41D9AF
16.7%	16.7% #34D1A6	RGB 52 209 166	#34D1A6
33.3%	33.3% #28CA9D	RGB 40 202 157	#28CA9D
50.0%	50.0% #1DC395	RGB 29 195 149	#1DC395
66.7%	66.7% #12BB8D	RGB 18 187 141	#12BB8D
83.3%	83.3% #09B485	RGB 9 180 133	#09B485
100.0%	100.0% #00AD7E	RGB 0 173 126	#00AD7E

#41D9AF #34D1A6 #28CA9D #1DC395 #12BB8D #09B485 #00AD7E

#41D9AF - #1DC395 - #00AD7E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41D9AF 0%, #1DC395 50%, #00AD7E 100%);
    background: -webkit-linear-gradient(top, #41D9AF 0%, #1DC395 50%, #00AD7E 100%);
    background: linear-gradient(to bottom, #41D9AF 0%, #1DC395 50%, #00AD7E 100%);
}
</style>