#3E5E83 - #1A2530 | colorate

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

Blend #3E5E83 to #1A2530

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

RGB混合

#3E5E83 - #1A2530 | colorate

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

0.0%	0.0% #3E5E83	RGB 62 94 131	#3E5E83
16.7%	16.7% #385475	RGB 56 84 117	#385475
33.3%	33.3% #324B67	RGB 50 75 103	#324B67
50.0%	50.0% #2C4159	RGB 44 65 89	#2C4159
66.7%	66.7% #26384B	RGB 38 56 75	#26384B
83.3%	83.3% #202E3D	RGB 32 46 61	#202E3D
100.0%	100.0% #1A2530	RGB 26 37 48	#1A2530

#3E5E83 #385475 #324B67 #2C4159 #26384B #202E3D #1A2530

#3E5E83 - #1A2530

HSV混合

#3E5E83 - #1A2530 | colorate

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

0.0%	0.0% #3E5E83	RGB 62 94 131	#3E5E83
16.7%	16.7% #385575	RGB 56 85 117	#385575
33.3%	33.3% #334C67	RGB 51 76 103	#334C67
50.0%	50.0% #2D4259	RGB 45 66 89	#2D4259
66.7%	66.7% #27394B	RGB 39 57 75	#27394B
83.3%	83.3% #202F3D	RGB 32 47 61	#202F3D
100.0%	100.0% #1A2530	RGB 26 37 48	#1A2530

#3E5E83 #385575 #334C67 #2D4259 #27394B #202F3D #1A2530

#3E5E83 - #2D4259 - #1A2530

CSS代码

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

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