#4EEE5E - #16441A | colorate

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

Blend #4EEE5E to #16441A

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

RGB混合

#4EEE5E - #16441A | colorate

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

0.0%	0.0% #4EEE5E	RGB 78 238 94	#4EEE5E
16.7%	16.7% #44D152	RGB 68 209 82	#44D152
33.3%	33.3% #3BB547	RGB 59 181 71	#3BB547
50.0%	50.0% #32993C	RGB 50 153 60	#32993C
66.7%	66.7% #287C30	RGB 40 124 48	#287C30
83.3%	83.3% #1F6025	RGB 31 96 37	#1F6025
100.0%	100.0% #16441A	RGB 22 68 26	#16441A

#4EEE5E #44D152 #3BB547 #32993C #287C30 #1F6025 #16441A

#4EEE5E - #16441A

HSV混合

#4EEE5E - #16441A | colorate

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

0.0%	0.0% #4EEE5D	RGB 78 238 93	#4EEE5D
16.7%	16.7% #44D152	RGB 68 209 82	#44D152
33.3%	33.3% #3BB546	RGB 59 181 70	#3BB546
50.0%	50.0% #31993B	RGB 49 153 59	#31993B
66.7%	66.7% #287C30	RGB 40 124 48	#287C30
83.3%	83.3% #1F6025	RGB 31 96 37	#1F6025
100.0%	100.0% #16441A	RGB 22 68 26	#16441A

#4EEE5D #44D152 #3BB546 #31993B #287C30 #1F6025 #16441A

#4EEE5E - #31993B - #16441A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4EEE5D 0%, #31993B 50%, #16441A 100%);
    background: -webkit-linear-gradient(top, #4EEE5D 0%, #31993B 50%, #16441A 100%);
    background: linear-gradient(to bottom, #4EEE5D 0%, #31993B 50%, #16441A 100%);
}
</style>