#5E80A8 - #1A2430 | colorate

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

Blend #5E80A8 to #1A2430

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

RGB混合

#5E80A8 - #1A2430 | colorate

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

0.0%	0.0% #5E80A8	RGB 94 128 168	#5E80A8
16.7%	16.7% #527094	RGB 82 112 148	#527094
33.3%	33.3% #476180	RGB 71 97 128	#476180
50.0%	50.0% #3C526C	RGB 60 82 108	#3C526C
66.7%	66.7% #304258	RGB 48 66 88	#304258
83.3%	83.3% #253344	RGB 37 51 68	#253344
100.0%	100.0% #1A2430	RGB 26 36 48	#1A2430

#5E80A8 #527094 #476180 #3C526C #304258 #253344 #1A2430

#5E80A8 - #1A2430

HSV混合

#5E80A8 - #1A2430 | colorate

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

0.0%	0.0% #5E7FA8	RGB 94 127 168	#5E7FA8
16.7%	16.7% #527094	RGB 82 112 148	#527094
33.3%	33.3% #466180	RGB 70 97 128	#466180
50.0%	50.0% #3B516C	RGB 59 81 108	#3B516C
66.7%	66.7% #304258	RGB 48 66 88	#304258
83.3%	83.3% #253344	RGB 37 51 68	#253344
100.0%	100.0% #1A2430	RGB 26 36 48	#1A2430

#5E7FA8 #527094 #466180 #3B516C #304258 #253344 #1A2430

#5E80A8 - #3B516C - #1A2430

CSS代码

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

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