#2FD443 - #FFFF7E | colorate

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

Blend #2FD443 to #FFFF7E

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

RGB混合

#2FD443 - #FFFF7E | colorate

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

0.0%	0.0% #2FD443	RGB 47 212 67	#2FD443
16.7%	16.7% #51DB4C	RGB 81 219 76	#51DB4C
33.3%	33.3% #74E256	RGB 116 226 86	#74E256
50.0%	50.0% #97E960	RGB 151 233 96	#97E960
66.7%	66.7% #B9F06A	RGB 185 240 106	#B9F06A
83.3%	83.3% #DCF774	RGB 220 247 116	#DCF774
100.0%	100.0% #FFFF7E	RGB 255 255 126	#FFFF7E

#2FD443 #51DB4C #74E256 #97E960 #B9F06A #DCF774 #FFFF7E

#2FD443 - #FFFF7E

HSV混合

#2FD443 - #FFFF7E | colorate

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

0.0%	0.0% #2FD443	RGB 47 212 67	#2FD443
16.7%	16.7% #45DB3A	RGB 69 219 58	#45DB3A
33.3%	33.3% #6EE246	RGB 110 226 70	#6EE246
50.0%	50.0% #95E953	RGB 149 233 83	#95E953
66.7%	66.7% #BAF061	RGB 186 240 97	#BAF061
83.3%	83.3% #DEF76F	RGB 222 247 111	#DEF76F
100.0%	100.0% #FFFF7E	RGB 255 255 126	#FFFF7E

#2FD443 #45DB3A #6EE246 #95E953 #BAF061 #DEF76F #FFFF7E

#2FD443 - #95E953 - #FFFF7E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FD443 0%, #95E953 50%, #FFFF7E 100%);
    background: -webkit-linear-gradient(top, #2FD443 0%, #95E953 50%, #FFFF7E 100%);
    background: linear-gradient(to bottom, #2FD443 0%, #95E953 50%, #FFFF7E 100%);
}
</style>