#3C5E5D - #044234 | colorate

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

Blend #3C5E5D to #044234

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

RGB混合

#3C5E5D - #044234 | colorate

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

0.0%	0.0% #3C5E5D	RGB 60 94 93	#3C5E5D
16.7%	16.7% #325956	RGB 50 89 86	#325956
33.3%	33.3% #29544F	RGB 41 84 79	#29544F
50.0%	50.0% #205048	RGB 32 80 72	#205048
66.7%	66.7% #164B41	RGB 22 75 65	#164B41
83.3%	83.3% #0D463A	RGB 13 70 58	#0D463A
100.0%	100.0% #044234	RGB 4 66 52	#044234

#3C5E5D #325956 #29544F #205048 #164B41 #0D463A #044234

#3C5E5D - #044234

HSV混合

#3C5E5D - #044234 | colorate

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

0.0%	0.0% #3C5E5D	RGB 60 94 93	#3C5E5D
16.7%	16.7% #305956	RGB 48 89 86	#305956
33.3%	33.3% #255450	RGB 37 84 80	#255450
50.0%	50.0% #1B5049	RGB 27 80 73	#1B5049
66.7%	66.7% #134B42	RGB 19 75 66	#134B42
83.3%	83.3% #0B463B	RGB 11 70 59	#0B463B
100.0%	100.0% #044234	RGB 4 66 52	#044234

#3C5E5D #305956 #255450 #1B5049 #134B42 #0B463B #044234

#3C5E5D - #1B5049 - #044234

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E5D 0%, #1B5049 50%, #044234 100%);
    background: -webkit-linear-gradient(top, #3C5E5D 0%, #1B5049 50%, #044234 100%);
    background: linear-gradient(to bottom, #3C5E5D 0%, #1B5049 50%, #044234 100%);
}
</style>