#5E6385 - #1B2B36 | colorate

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

Blend #5E6385 to #1B2B36

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

RGB混合

#5E6385 - #1B2B36 | colorate

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

0.0%	0.0% #5E6385	RGB 94 99 133	#5E6385
16.7%	16.7% #525977	RGB 82 89 119	#525977
33.3%	33.3% #47506A	RGB 71 80 106	#47506A
50.0%	50.0% #3C475D	RGB 60 71 93	#3C475D
66.7%	66.7% #313D50	RGB 49 61 80	#313D50
83.3%	83.3% #263443	RGB 38 52 67	#263443
100.0%	100.0% #1B2B36	RGB 27 43 54	#1B2B36

#5E6385 #525977 #47506A #3C475D #313D50 #263443 #1B2B36

#5E6385 - #1B2B36

HSV混合

#5E6385 - #1B2B36 | colorate

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

0.0%	0.0% #5E6385	RGB 94 99 133	#5E6385
16.7%	16.7% #505877	RGB 80 88 119	#505877
33.3%	33.3% #444E6A	RGB 68 78 106	#444E6A
50.0%	50.0% #38455D	RGB 56 69 93	#38455D
66.7%	66.7% #2D3C50	RGB 45 60 80	#2D3C50
83.3%	83.3% #233443	RGB 35 52 67	#233443
100.0%	100.0% #1B2B36	RGB 27 43 54	#1B2B36

#5E6385 #505877 #444E6A #38455D #2D3C50 #233443 #1B2B36

#5E6385 - #38455D - #1B2B36

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6385 0%, #38455D 50%, #1B2B36 100%);
    background: -webkit-linear-gradient(top, #5E6385 0%, #38455D 50%, #1B2B36 100%);
    background: linear-gradient(to bottom, #5E6385 0%, #38455D 50%, #1B2B36 100%);
}
</style>