#00A16C - #002E1E | colorate

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

Blend #00A16C to #002E1E

计算两种颜色#00A16C和#002E1E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#00A16C - #002E1E | colorate

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

0.0%	0.0% #00A16C	RGB 0 161 108	#00A16C
16.7%	16.7% #008D5F	RGB 0 141 95	#008D5F
33.3%	33.3% #007A52	RGB 0 122 82	#007A52
50.0%	50.0% #006745	RGB 0 103 69	#006745
66.7%	66.7% #005438	RGB 0 84 56	#005438
83.3%	83.3% #00412B	RGB 0 65 43	#00412B
100.0%	100.0% #002E1E	RGB 0 46 30	#002E1E

#00A16C #008D5F #007A52 #006745 #005438 #00412B #002E1E

#00A16C - #002E1E

HSV混合

#00A16C - #002E1E | colorate

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

0.0%	0.0% #00A16C	RGB 0 161 108	#00A16C
16.7%	16.7% #008D5E	RGB 0 141 94	#008D5E
33.3%	33.3% #007A51	RGB 0 122 81	#007A51
50.0%	50.0% #006744	RGB 0 103 68	#006744
66.7%	66.7% #005437	RGB 0 84 55	#005437
83.3%	83.3% #00412A	RGB 0 65 42	#00412A
100.0%	100.0% #002E1E	RGB 0 46 30	#002E1E

#00A16C #008D5E #007A51 #006744 #005437 #00412A #002E1E

#00A16C - #006744 - #002E1E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A16C 0%, #006744 50%, #002E1E 100%);
    background: -webkit-linear-gradient(top, #00A16C 0%, #006744 50%, #002E1E 100%);
    background: linear-gradient(to bottom, #00A16C 0%, #006744 50%, #002E1E 100%);
}
</style>