#359E44 - #C5E3C9 | colorate

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

Blend #359E44 to #C5E3C9

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

RGB混合

#359E44 - #C5E3C9 | colorate

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

0.0%	0.0% #359E44	RGB 53 158 68	#359E44
16.7%	16.7% #4DA95A	RGB 77 169 90	#4DA95A
33.3%	33.3% #65B570	RGB 101 181 112	#65B570
50.0%	50.0% #7DC086	RGB 125 192 134	#7DC086
66.7%	66.7% #95CC9C	RGB 149 204 156	#95CC9C
83.3%	83.3% #ADD7B2	RGB 173 215 178	#ADD7B2
100.0%	100.0% #C5E3C9	RGB 197 227 201	#C5E3C9

#359E44 #4DA95A #65B570 #7DC086 #95CC9C #ADD7B2 #C5E3C9

#359E44 - #C5E3C9

HSV混合

#359E44 - #C5E3C9 | colorate

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

0.0%	0.0% #359E44	RGB 53 158 68	#359E44
16.7%	16.7% #47A955	RGB 71 169 85	#47A955
33.3%	33.3% #5CB569	RGB 92 181 105	#5CB569
50.0%	50.0% #73C07E	RGB 115 192 126	#73C07E
66.7%	66.7% #8CCC95	RGB 140 204 149	#8CCC95
83.3%	83.3% #A7D7AE	RGB 167 215 174	#A7D7AE
100.0%	100.0% #C5E3C9	RGB 197 227 201	#C5E3C9

#359E44 #47A955 #5CB569 #73C07E #8CCC95 #A7D7AE #C5E3C9

#359E44 - #73C07E - #C5E3C9

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #359E44 0%, #73C07E 50%, #C5E3C9 100%);
    background: -webkit-linear-gradient(top, #359E44 0%, #73C07E 50%, #C5E3C9 100%);
    background: linear-gradient(to bottom, #359E44 0%, #73C07E 50%, #C5E3C9 100%);
}
</style>