#5E8FBE - #D1DFEC | colorate

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

Blend #5E8FBE to #D1DFEC

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

RGB混合

#5E8FBE - #D1DFEC | colorate

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

0.0%	0.0% #5E8FBE	RGB 94 143 190	#5E8FBE
16.7%	16.7% #719CC5	RGB 113 156 197	#719CC5
33.3%	33.3% #84A9CD	RGB 132 169 205	#84A9CD
50.0%	50.0% #97B7D5	RGB 151 183 213	#97B7D5
66.7%	66.7% #AAC4DC	RGB 170 196 220	#AAC4DC
83.3%	83.3% #BDD1E4	RGB 189 209 228	#BDD1E4
100.0%	100.0% #D1DFEC	RGB 209 223 236	#D1DFEC

#5E8FBE #719CC5 #84A9CD #97B7D5 #AAC4DC #BDD1E4 #D1DFEC

#5E8FBE - #D1DFEC

HSV混合

#5E8FBE - #D1DFEC | colorate

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

0.0%	0.0% #5E8FBE	RGB 94 143 190	#5E8FBE
16.7%	16.7% #6E9BC5	RGB 110 155 197	#6E9BC5
33.3%	33.3% #80A7CD	RGB 128 167 205	#80A7CD
50.0%	50.0% #93B4D5	RGB 147 180 213	#93B4D5
66.7%	66.7% #A6C2DC	RGB 166 194 220	#A6C2DC
83.3%	83.3% #BBD0E4	RGB 187 208 228	#BBD0E4
100.0%	100.0% #D1DFEC	RGB 209 223 236	#D1DFEC

#5E8FBE #6E9BC5 #80A7CD #93B4D5 #A6C2DC #BBD0E4 #D1DFEC

#5E8FBE - #93B4D5 - #D1DFEC

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8FBE 0%, #93B4D5 50%, #D1DFEC 100%);
    background: -webkit-linear-gradient(top, #5E8FBE 0%, #93B4D5 50%, #D1DFEC 100%);
    background: linear-gradient(to bottom, #5E8FBE 0%, #93B4D5 50%, #D1DFEC 100%);
}
</style>