#173C3C - #4A8263 | colorate

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

Blend #173C3C to #4A8263

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

RGB混合

#173C3C - #4A8263 | colorate

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

0.0%	0.0% #173C3C	RGB 23 60 60	#173C3C
16.7%	16.7% #1F4742	RGB 31 71 66	#1F4742
33.3%	33.3% #285349	RGB 40 83 73	#285349
50.0%	50.0% #305F4F	RGB 48 95 79	#305F4F
66.7%	66.7% #396A56	RGB 57 106 86	#396A56
83.3%	83.3% #41765C	RGB 65 118 92	#41765C
100.0%	100.0% #4A8263	RGB 74 130 99	#4A8263

#173C3C #1F4742 #285349 #305F4F #396A56 #41765C #4A8263

#173C3C - #4A8263

HSV混合

#173C3C - #4A8263 | colorate

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

0.0%	0.0% #173C3C	RGB 23 60 60	#173C3C
16.7%	16.7% #1D4743	RGB 29 71 67	#1D4743
33.3%	33.3% #25534A	RGB 37 83 74	#25534A
50.0%	50.0% #2D5F51	RGB 45 95 81	#2D5F51
66.7%	66.7% #366A57	RGB 54 106 87	#366A57
83.3%	83.3% #3F765D	RGB 63 118 93	#3F765D
100.0%	100.0% #4A8263	RGB 74 130 99	#4A8263

#173C3C #1D4743 #25534A #2D5F51 #366A57 #3F765D #4A8263

#173C3C - #2D5F51 - #4A8263

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #173C3C 0%, #2D5F51 50%, #4A8263 100%);
    background: -webkit-linear-gradient(top, #173C3C 0%, #2D5F51 50%, #4A8263 100%);
    background: linear-gradient(to bottom, #173C3C 0%, #2D5F51 50%, #4A8263 100%);
}
</style>