#E2FEF7 - #EFF2FF | colorate

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

Blend #E2FEF7 to #EFF2FF

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

RGB混合

#E2FEF7 - #EFF2FF | colorate

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

0.0%	0.0% #E2FEF7	RGB 226 254 247	#E2FEF7
16.7%	16.7% #E4FCF8	RGB 228 252 248	#E4FCF8
33.3%	33.3% #E6FAF9	RGB 230 250 249	#E6FAF9
50.0%	50.0% #E8F8FB	RGB 232 248 251	#E8F8FB
66.7%	66.7% #EAF6FC	RGB 234 246 252	#EAF6FC
83.3%	83.3% #ECF4FD	RGB 236 244 253	#ECF4FD
100.0%	100.0% #EFF2FF	RGB 239 242 255	#EFF2FF

#E2FEF7 #E4FCF8 #E6FAF9 #E8F8FB #EAF6FC #ECF4FD #EFF2FF

#E2FEF7 - #EFF2FF

HSV混合

#E2FEF7 - #EFF2FF | colorate

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

0.0%	0.0% #E2FEF7	RGB 226 254 247	#E2FEF7
16.7%	16.7% #E4FEFC	RGB 228 254 252	#E4FEFC
33.3%	33.3% #E6FBFE	RGB 230 251 254	#E6FBFE
50.0%	50.0% #E8F8FE	RGB 232 248 254	#E8F8FE
66.7%	66.7% #EAF5FE	RGB 234 245 254	#EAF5FE
83.3%	83.3% #ECF3FE	RGB 236 243 254	#ECF3FE
100.0%	100.0% #EFF2FF	RGB 239 242 255	#EFF2FF

#E2FEF7 #E4FEFC #E6FBFE #E8F8FE #EAF5FE #ECF3FE #EFF2FF

#E2FEF7 - #E8F8FE - #EFF2FF

CSS代码

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

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