#5E6CA2 - #1A1E2E | colorate

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

Blend #5E6CA2 to #1A1E2E

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

RGB混合

#5E6CA2 - #1A1E2E | colorate

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

0.0%	0.0% #5E6CA2	RGB 94 108 162	#5E6CA2
16.7%	16.7% #525F8E	RGB 82 95 142	#525F8E
33.3%	33.3% #47527B	RGB 71 82 123	#47527B
50.0%	50.0% #3C4568	RGB 60 69 104	#3C4568
66.7%	66.7% #303854	RGB 48 56 84	#303854
83.3%	83.3% #252B41	RGB 37 43 65	#252B41
100.0%	100.0% #1A1E2E	RGB 26 30 46	#1A1E2E

#5E6CA2 #525F8E #47527B #3C4568 #303854 #252B41 #1A1E2E

#5E6CA2 - #1A1E2E

HSV混合

#5E6CA2 - #1A1E2E | colorate

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

0.0%	0.0% #5E6CA2	RGB 94 108 162	#5E6CA2
16.7%	16.7% #525E8E	RGB 82 94 142	#525E8E
33.3%	33.3% #46517B	RGB 70 81 123	#46517B
50.0%	50.0% #3B4468	RGB 59 68 104	#3B4468
66.7%	66.7% #303754	RGB 48 55 84	#303754
83.3%	83.3% #252A41	RGB 37 42 65	#252A41
100.0%	100.0% #1A1E2E	RGB 26 30 46	#1A1E2E

#5E6CA2 #525E8E #46517B #3B4468 #303754 #252A41 #1A1E2E

#5E6CA2 - #3B4468 - #1A1E2E

CSS代码

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

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