#1D8266 - #044D2E | colorate

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

Blend #1D8266 to #044D2E

计算两种颜色#1D8266和#044D2E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#1D8266 - #044D2E | colorate

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

0.0%	0.0% #1D8266	RGB 29 130 102	#1D8266
16.7%	16.7% #18795C	RGB 24 121 92	#18795C
33.3%	33.3% #147053	RGB 20 112 83	#147053
50.0%	50.0% #10674A	RGB 16 103 74	#10674A
66.7%	66.7% #0C5E40	RGB 12 94 64	#0C5E40
83.3%	83.3% #085537	RGB 8 85 55	#085537
100.0%	100.0% #044D2E	RGB 4 77 46	#044D2E

#1D8266 #18795C #147053 #10674A #0C5E40 #085537 #044D2E

#1D8266 - #044D2E

HSV混合

#1D8266 - #044D2E | colorate

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

0.0%	0.0% #1D8266	RGB 29 130 102	#1D8266
16.7%	16.7% #17795B	RGB 23 121 91	#17795B
33.3%	33.3% #127051	RGB 18 112 81	#127051
50.0%	50.0% #0E6748	RGB 14 103 72	#0E6748
66.7%	66.7% #0A5E3E	RGB 10 94 62	#0A5E3E
83.3%	83.3% #065536	RGB 6 85 54	#065536
100.0%	100.0% #044D2E	RGB 4 77 46	#044D2E

#1D8266 #17795B #127051 #0E6748 #0A5E3E #065536 #044D2E

#1D8266 - #0E6748 - #044D2E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1D8266 0%, #0E6748 50%, #044D2E 100%);
    background: -webkit-linear-gradient(top, #1D8266 0%, #0E6748 50%, #044D2E 100%);
    background: linear-gradient(to bottom, #1D8266 0%, #0E6748 50%, #044D2E 100%);
}
</style>