#11FF01 - #044800 | colorate

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

Blend #11FF01 to #044800

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

RGB混合

#11FF01 - #044800 | colorate

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

0.0%	0.0% #11FF01	RGB 17 255 1	#11FF01
16.7%	16.7% #0EE000	RGB 14 224 0	#0EE000
33.3%	33.3% #0CC200	RGB 12 194 0	#0CC200
50.0%	50.0% #0AA300	RGB 10 163 0	#0AA300
66.7%	66.7% #088400	RGB 8 132 0	#088400
83.3%	83.3% #066600	RGB 6 102 0	#066600
100.0%	100.0% #044800	RGB 4 72 0	#044800

#11FF01 #0EE000 #0CC200 #0AA300 #088400 #066600 #044800

#11FF01 - #044800

HSV混合

#11FF01 - #044800 | colorate

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

0.0%	0.0% #11FF00	RGB 17 255 0	#11FF00
16.7%	16.7% #0EE000	RGB 14 224 0	#0EE000
33.3%	33.3% #0CC200	RGB 12 194 0	#0CC200
50.0%	50.0% #09A300	RGB 9 163 0	#09A300
66.7%	66.7% #078400	RGB 7 132 0	#078400
83.3%	83.3% #056600	RGB 5 102 0	#056600
100.0%	100.0% #044800	RGB 4 72 0	#044800

#11FF00 #0EE000 #0CC200 #09A300 #078400 #056600 #044800

#11FF01 - #09A300 - #044800

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11FF00 0%, #09A300 50%, #044800 100%);
    background: -webkit-linear-gradient(top, #11FF00 0%, #09A300 50%, #044800 100%);
    background: linear-gradient(to bottom, #11FF00 0%, #09A300 50%, #044800 100%);
}
</style>