#2AA358 - #D5E3A8 | colorate

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

Blend #2AA358 to #D5E3A8

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

RGB混合

#2AA358 - #D5E3A8 | colorate

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

0.0%	0.0% #2AA358	RGB 42 163 88	#2AA358
16.7%	16.7% #46AD65	RGB 70 173 101	#46AD65
33.3%	33.3% #63B872	RGB 99 184 114	#63B872
50.0%	50.0% #7FC380	RGB 127 195 128	#7FC380
66.7%	66.7% #9CCD8D	RGB 156 205 141	#9CCD8D
83.3%	83.3% #B8D89A	RGB 184 216 154	#B8D89A
100.0%	100.0% #D5E3A8	RGB 213 227 168	#D5E3A8

#2AA358 #46AD65 #63B872 #7FC380 #9CCD8D #B8D89A #D5E3A8

#2AA358 - #D5E3A8

HSV混合

#2AA358 - #D5E3A8 | colorate

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

0.0%	0.0% #2AA358	RGB 42 163 88	#2AA358
16.7%	16.7% #3AAD50	RGB 58 173 80	#3AAD50
33.3%	33.3% #4DB84D	RGB 77 184 77	#4DB84D
50.0%	50.0% #73C361	RGB 115 195 97	#73C361
66.7%	66.7% #98CD77	RGB 152 205 119	#98CD77
83.3%	83.3% #B8D88E	RGB 184 216 142	#B8D88E
100.0%	100.0% #D5E3A8	RGB 213 227 168	#D5E3A8

#2AA358 #3AAD50 #4DB84D #73C361 #98CD77 #B8D88E #D5E3A8

#2AA358 - #73C361 - #D5E3A8

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2AA358 0%, #73C361 50%, #D5E3A8 100%);
    background: -webkit-linear-gradient(top, #2AA358 0%, #73C361 50%, #D5E3A8 100%);
    background: linear-gradient(to bottom, #2AA358 0%, #73C361 50%, #D5E3A8 100%);
}
</style>