#5E90A2 - #D1DFE4 | colorate

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

Blend #5E90A2 to #D1DFE4

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

RGB混合

#5E90A2 - #D1DFE4 | colorate

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

0.0%	0.0% #5E90A2	RGB 94 144 162	#5E90A2
16.7%	16.7% #719DAD	RGB 113 157 173	#719DAD
33.3%	33.3% #84AAB8	RGB 132 170 184	#84AAB8
50.0%	50.0% #97B7C3	RGB 151 183 195	#97B7C3
66.7%	66.7% #AAC4CE	RGB 170 196 206	#AAC4CE
83.3%	83.3% #BDD1D9	RGB 189 209 217	#BDD1D9
100.0%	100.0% #D1DFE4	RGB 209 223 228	#D1DFE4

#5E90A2 #719DAD #84AAB8 #97B7C3 #AAC4CE #BDD1D9 #D1DFE4

#5E90A2 - #D1DFE4

HSV混合

#5E90A2 - #D1DFE4 | colorate

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

0.0%	0.0% #5E90A2	RGB 94 144 162	#5E90A2
16.7%	16.7% #6E9CAD	RGB 110 156 173	#6E9CAD
33.3%	33.3% #7FA9B8	RGB 127 169 184	#7FA9B8
50.0%	50.0% #91B6C3	RGB 145 182 195	#91B6C3
66.7%	66.7% #A5C3CE	RGB 165 195 206	#A5C3CE
83.3%	83.3% #BAD1D9	RGB 186 209 217	#BAD1D9
100.0%	100.0% #D1DFE4	RGB 209 223 228	#D1DFE4

#5E90A2 #6E9CAD #7FA9B8 #91B6C3 #A5C3CE #BAD1D9 #D1DFE4

#5E90A2 - #91B6C3 - #D1DFE4

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E90A2 0%, #91B6C3 50%, #D1DFE4 100%);
    background: -webkit-linear-gradient(top, #5E90A2 0%, #91B6C3 50%, #D1DFE4 100%);
    background: linear-gradient(to bottom, #5E90A2 0%, #91B6C3 50%, #D1DFE4 100%);
}
</style>