#E9F0FF - #E1EEFD | colorate

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

Blend #E9F0FF to #E1EEFD

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

RGB混合

#E9F0FF - #E1EEFD | colorate

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

0.0%	0.0% #E9F0FF	RGB 233 240 255	#E9F0FF
16.7%	16.7% #E7EFFE	RGB 231 239 254	#E7EFFE
33.3%	33.3% #E6EFFE	RGB 230 239 254	#E6EFFE
50.0%	50.0% #E5EFFE	RGB 229 239 254	#E5EFFE
66.7%	66.7% #E3EEFD	RGB 227 238 253	#E3EEFD
83.3%	83.3% #E2EEFD	RGB 226 238 253	#E2EEFD
100.0%	100.0% #E1EEFD	RGB 225 238 253	#E1EEFD

#E9F0FF #E7EFFE #E6EFFE #E5EFFE #E3EEFD #E2EEFD #E1EEFD

#E9F0FF - #E1EEFD

HSV混合

#E9F0FF - #E1EEFD | colorate

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

0.0%	0.0% #E9F0FF	RGB 233 240 255	#E9F0FF
16.7%	16.7% #E7EFFE	RGB 231 239 254	#E7EFFE
33.3%	33.3% #E6EFFE	RGB 230 239 254	#E6EFFE
50.0%	50.0% #E4EEFE	RGB 228 238 254	#E4EEFE
66.7%	66.7% #E3EEFD	RGB 227 238 253	#E3EEFD
83.3%	83.3% #E2EEFD	RGB 226 238 253	#E2EEFD
100.0%	100.0% #E1EEFD	RGB 225 238 253	#E1EEFD

#E9F0FF #E7EFFE #E6EFFE #E4EEFE #E3EEFD #E2EEFD #E1EEFD

#E9F0FF - #E4EEFE - #E1EEFD

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E9F0FF 0%, #E4EEFE 50%, #E1EEFD 100%);
    background: -webkit-linear-gradient(top, #E9F0FF 0%, #E4EEFE 50%, #E1EEFD 100%);
    background: linear-gradient(to bottom, #E9F0FF 0%, #E4EEFE 50%, #E1EEFD 100%);
}
</style>