#3C5E32 - #153D03 | colorate

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

Blend #3C5E32 to #153D03

计算两种颜色#3C5E32和#153D03之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#3C5E32 - #153D03 | colorate

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

0.0%	0.0% #3C5E32	RGB 60 94 50	#3C5E32
16.7%	16.7% #35582A	RGB 53 88 42	#35582A
33.3%	33.3% #2F5322	RGB 47 83 34	#2F5322
50.0%	50.0% #284D1A	RGB 40 77 26	#284D1A
66.7%	66.7% #224812	RGB 34 72 18	#224812
83.3%	83.3% #1B420A	RGB 27 66 10	#1B420A
100.0%	100.0% #153D03	RGB 21 61 3	#153D03

#3C5E32 #35582A #2F5322 #284D1A #224812 #1B420A #153D03

#3C5E32 - #153D03

HSV混合

#3C5E32 - #153D03 | colorate

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

0.0%	0.0% #3C5E32	RGB 60 94 50	#3C5E32
16.7%	16.7% #335827	RGB 51 88 39	#335827
33.3%	33.3% #2C531E	RGB 44 83 30	#2C531E
50.0%	50.0% #254D16	RGB 37 77 22	#254D16
66.7%	66.7% #1F480F	RGB 31 72 15	#1F480F
83.3%	83.3% #194208	RGB 25 66 8	#194208
100.0%	100.0% #153D03	RGB 21 61 3	#153D03

#3C5E32 #335827 #2C531E #254D16 #1F480F #194208 #153D03

#3C5E32 - #254D16 - #153D03

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E32 0%, #254D16 50%, #153D03 100%);
    background: -webkit-linear-gradient(top, #3C5E32 0%, #254D16 50%, #153D03 100%);
    background: linear-gradient(to bottom, #3C5E32 0%, #254D16 50%, #153D03 100%);
}
</style>