#3E5E44 - #74CEC7 | colorate

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

Blend #3E5E44 to #74CEC7

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

RGB混合

#3E5E44 - #74CEC7 | colorate

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

0.0%	0.0% #3E5E44	RGB 62 94 68	#3E5E44
16.7%	16.7% #477059	RGB 71 112 89	#477059
33.3%	33.3% #50836F	RGB 80 131 111	#50836F
50.0%	50.0% #599685	RGB 89 150 133	#599685
66.7%	66.7% #62A89B	RGB 98 168 155	#62A89B
83.3%	83.3% #6BBBB1	RGB 107 187 177	#6BBBB1
100.0%	100.0% #74CEC7	RGB 116 206 199	#74CEC7

#3E5E44 #477059 #50836F #599685 #62A89B #6BBBB1 #74CEC7

#3E5E44 - #74CEC7

HSV混合

#3E5E44 - #74CEC7 | colorate

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

0.0%	0.0% #3E5E44	RGB 62 94 68	#3E5E44
16.7%	16.7% #487054	RGB 72 112 84	#487054
33.3%	33.3% #528367	RGB 82 131 103	#528367
50.0%	50.0% #5B967C	RGB 91 150 124	#5B967C
66.7%	66.7% #64A892	RGB 100 168 146	#64A892
83.3%	83.3% #6CBBAB	RGB 108 187 171	#6CBBAB
100.0%	100.0% #74CEC7	RGB 116 206 199	#74CEC7

#3E5E44 #487054 #528367 #5B967C #64A892 #6CBBAB #74CEC7

#3E5E44 - #5B967C - #74CEC7

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E44 0%, #5B967C 50%, #74CEC7 100%);
    background: -webkit-linear-gradient(top, #3E5E44 0%, #5B967C 50%, #74CEC7 100%);
    background: linear-gradient(to bottom, #3E5E44 0%, #5B967C 50%, #74CEC7 100%);
}
</style>