#044C4C - #4C9F7B | colorate

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

Blend #044C4C to #4C9F7B

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

RGB混合

#044C4C - #4C9F7B | colorate

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

0.0%	0.0% #044C4C	RGB 4 76 76	#044C4C
16.7%	16.7% #105953	RGB 16 89 83	#105953
33.3%	33.3% #1C675B	RGB 28 103 91	#1C675B
50.0%	50.0% #287563	RGB 40 117 99	#287563
66.7%	66.7% #34836B	RGB 52 131 107	#34836B
83.3%	83.3% #409173	RGB 64 145 115	#409173
100.0%	100.0% #4C9F7B	RGB 76 159 123	#4C9F7B

#044C4C #105953 #1C675B #287563 #34836B #409173 #4C9F7B

#044C4C - #4C9F7B

HSV混合

#044C4C - #4C9F7B | colorate

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

0.0%	0.0% #034C4C	RGB 3 76 76	#034C4C
16.7%	16.7% #0B5954	RGB 11 89 84	#0B5954
33.3%	33.3% #14675B	RGB 20 103 91	#14675B
50.0%	50.0% #1F7562	RGB 31 117 98	#1F7562
66.7%	66.7% #2C836A	RGB 44 131 106	#2C836A
83.3%	83.3% #3B9172	RGB 59 145 114	#3B9172
100.0%	100.0% #4C9F7B	RGB 76 159 123	#4C9F7B

#034C4C #0B5954 #14675B #1F7562 #2C836A #3B9172 #4C9F7B

#044C4C - #1F7562 - #4C9F7B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #034C4C 0%, #1F7562 50%, #4C9F7B 100%);
    background: -webkit-linear-gradient(top, #034C4C 0%, #1F7562 50%, #4C9F7B 100%);
    background: linear-gradient(to bottom, #034C4C 0%, #1F7562 50%, #4C9F7B 100%);
}
</style>