#4C5E3A - #151A10 | colorate

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

Blend #4C5E3A to #151A10

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

RGB混合

#4C5E3A - #151A10 | colorate

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

0.0%	0.0% #4C5E3A	RGB 76 94 58	#4C5E3A
16.7%	16.7% #425233	RGB 66 82 51	#425233
33.3%	33.3% #39472C	RGB 57 71 44	#39472C
50.0%	50.0% #303C25	RGB 48 60 37	#303C25
66.7%	66.7% #27301E	RGB 39 48 30	#27301E
83.3%	83.3% #1E2517	RGB 30 37 23	#1E2517
100.0%	100.0% #151A10	RGB 21 26 16	#151A10

#4C5E3A #425233 #39472C #303C25 #27301E #1E2517 #151A10

#4C5E3A - #151A10

HSV混合

#4C5E3A - #151A10 | colorate

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

0.0%	0.0% #4C5E3A	RGB 76 94 58	#4C5E3A
16.7%	16.7% #425232	RGB 66 82 50	#425232
33.3%	33.3% #39472B	RGB 57 71 43	#39472B
50.0%	50.0% #303C24	RGB 48 60 36	#303C24
66.7%	66.7% #27301D	RGB 39 48 29	#27301D
83.3%	83.3% #1E2516	RGB 30 37 22	#1E2516
100.0%	100.0% #151A10	RGB 21 26 16	#151A10

#4C5E3A #425232 #39472B #303C24 #27301D #1E2516 #151A10

#4C5E3A - #303C24 - #151A10

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E3A 0%, #303C24 50%, #151A10 100%);
    background: -webkit-linear-gradient(top, #4C5E3A 0%, #303C24 50%, #151A10 100%);
    background: linear-gradient(to bottom, #4C5E3A 0%, #303C24 50%, #151A10 100%);
}
</style>