#5E799C - #23354B | colorate

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

Blend #5E799C to #23354B

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

RGB混合

#5E799C - #23354B | colorate

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

0.0%	0.0% #5E799C	RGB 94 121 156	#5E799C
16.7%	16.7% #546D8E	RGB 84 109 142	#546D8E
33.3%	33.3% #4A6281	RGB 74 98 129	#4A6281
50.0%	50.0% #405773	RGB 64 87 115	#405773
66.7%	66.7% #364B66	RGB 54 75 102	#364B66
83.3%	83.3% #2C4058	RGB 44 64 88	#2C4058
100.0%	100.0% #23354B	RGB 35 53 75	#23354B

#5E799C #546D8E #4A6281 #405773 #364B66 #2C4058 #23354B

#5E799C - #23354B

HSV混合

#5E799C - #23354B | colorate

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

0.0%	0.0% #5E799C	RGB 94 121 156	#5E799C
16.7%	16.7% #526C8E	RGB 82 108 142	#526C8E
33.3%	33.3% #476181	RGB 71 97 129	#476181
50.0%	50.0% #3D5573	RGB 61 85 115	#3D5573
66.7%	66.7% #344A66	RGB 52 74 102	#344A66
83.3%	83.3% #2B3F58	RGB 43 63 88	#2B3F58
100.0%	100.0% #23354B	RGB 35 53 75	#23354B

#5E799C #526C8E #476181 #3D5573 #344A66 #2B3F58 #23354B

#5E799C - #3D5573 - #23354B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E799C 0%, #3D5573 50%, #23354B 100%);
    background: -webkit-linear-gradient(top, #5E799C 0%, #3D5573 50%, #23354B 100%);
    background: linear-gradient(to bottom, #5E799C 0%, #3D5573 50%, #23354B 100%);
}
</style>