#09FF5E - #02481A | colorate

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

Blend #09FF5E to #02481A

计算两种颜色#09FF5E和#02481A之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#09FF5E - #02481A | colorate

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

0.0%	0.0% #09FF5E	RGB 9 255 94	#09FF5E
16.7%	16.7% #07E052	RGB 7 224 82	#07E052
33.3%	33.3% #06C247	RGB 6 194 71	#06C247
50.0%	50.0% #05A33C	RGB 5 163 60	#05A33C
66.7%	66.7% #048430	RGB 4 132 48	#048430
83.3%	83.3% #036625	RGB 3 102 37	#036625
100.0%	100.0% #02481A	RGB 2 72 26	#02481A

#09FF5E #07E052 #06C247 #05A33C #048430 #036625 #02481A

#09FF5E - #02481A

HSV混合

#09FF5E - #02481A | colorate

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

0.0%	0.0% #08FF5E	RGB 8 255 94	#08FF5E
16.7%	16.7% #07E052	RGB 7 224 82	#07E052
33.3%	33.3% #06C247	RGB 6 194 71	#06C247
50.0%	50.0% #05A33B	RGB 5 163 59	#05A33B
66.7%	66.7% #048430	RGB 4 132 48	#048430
83.3%	83.3% #026625	RGB 2 102 37	#026625
100.0%	100.0% #02481A	RGB 2 72 26	#02481A

#08FF5E #07E052 #06C247 #05A33B #048430 #026625 #02481A

#09FF5E - #05A33B - #02481A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08FF5E 0%, #05A33B 50%, #02481A 100%);
    background: -webkit-linear-gradient(top, #08FF5E 0%, #05A33B 50%, #02481A 100%);
    background: linear-gradient(to bottom, #08FF5E 0%, #05A33B 50%, #02481A 100%);
}
</style>