#3B5C5E - #201D1D | colorate

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

Blend #3B5C5E to #201D1D

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

RGB混合

#3B5C5E - #201D1D | colorate

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

0.0%	0.0% #3B5C5E	RGB 59 92 94	#3B5C5E
16.7%	16.7% #365153	RGB 54 81 83	#365153
33.3%	33.3% #324748	RGB 50 71 72	#324748
50.0%	50.0% #2D3C3D	RGB 45 60 61	#2D3C3D
66.7%	66.7% #293232	RGB 41 50 50	#293232
83.3%	83.3% #242727	RGB 36 39 39	#242727
100.0%	100.0% #201D1D	RGB 32 29 29	#201D1D

#3B5C5E #365153 #324748 #2D3C3D #293232 #242727 #201D1D

#3B5C5E - #201D1D

HSV混合

#3B5C5E - #201D1D | colorate

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

0.0%	0.0% #3B5C5E	RGB 59 92 94	#3B5C5E
16.7%	16.7% #384453	RGB 56 68 83	#384453
33.3%	33.3% #353449	RGB 53 52 73	#353449
50.0%	50.0% #38303F	RGB 56 48 63	#38303F
66.7%	66.7% #342A34	RGB 52 42 52	#342A34
83.3%	83.3% #2A2427	RGB 42 36 39	#2A2427
100.0%	100.0% #201D1D	RGB 32 29 29	#201D1D

#3B5C5E #384453 #353449 #38303F #342A34 #2A2427 #201D1D

#3B5C5E - #38303F - #201D1D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5C5E 0%, #38303F 50%, #201D1D 100%);
    background: -webkit-linear-gradient(top, #3B5C5E 0%, #38303F 50%, #201D1D 100%);
    background: linear-gradient(to bottom, #3B5C5E 0%, #38303F 50%, #201D1D 100%);
}
</style>