#3E5E4E - #141D07 | colorate

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

Blend #3E5E4E to #141D07

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

RGB混合

#3E5E4E - #141D07 | colorate

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

0.0%	0.0% #3E5E4E	RGB 62 94 78	#3E5E4E
16.7%	16.7% #375342	RGB 55 83 66	#375342
33.3%	33.3% #304836	RGB 48 72 54	#304836
50.0%	50.0% #293D2A	RGB 41 61 42	#293D2A
66.7%	66.7% #22321E	RGB 34 50 30	#22321E
83.3%	83.3% #1B2712	RGB 27 39 18	#1B2712
100.0%	100.0% #141D07	RGB 20 29 7	#141D07

#3E5E4E #375342 #304836 #293D2A #22321E #1B2712 #141D07

#3E5E4E - #141D07

HSV混合

#3E5E4E - #141D07 | colorate

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

0.0%	0.0% #3E5E4E	RGB 62 94 78	#3E5E4E
16.7%	16.7% #31533B	RGB 49 83 59	#31533B
33.3%	33.3% #25482A	RGB 37 72 42	#25482A
50.0%	50.0% #1D3D1B	RGB 29 61 27	#1D3D1B
66.7%	66.7% #1A3213	RGB 26 50 19	#1A3213
83.3%	83.3% #17270C	RGB 23 39 12	#17270C
100.0%	100.0% #141D07	RGB 20 29 7	#141D07

#3E5E4E #31533B #25482A #1D3D1B #1A3213 #17270C #141D07

#3E5E4E - #1D3D1B - #141D07

CSS代码

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

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