#EEEFF1 - #DFF2EB | colorate

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

Blend #EEEFF1 to #DFF2EB

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

RGB混合

#EEEFF1 - #DFF2EB | colorate

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

0.0%	0.0% #EEEFF1	RGB 238 239 241	#EEEFF1
16.7%	16.7% #EBEFF0	RGB 235 239 240	#EBEFF0
33.3%	33.3% #E9F0EF	RGB 233 240 239	#E9F0EF
50.0%	50.0% #E6F0EE	RGB 230 240 238	#E6F0EE
66.7%	66.7% #E4F1ED	RGB 228 241 237	#E4F1ED
83.3%	83.3% #E1F1EC	RGB 225 241 236	#E1F1EC
100.0%	100.0% #DFF2EB	RGB 223 242 235	#DFF2EB

#EEEFF1 #EBEFF0 #E9F0EF #E6F0EE #E4F1ED #E1F1EC #DFF2EB

#EEEFF1 - #DFF2EB

HSV混合

#EEEFF1 - #DFF2EB | colorate

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

0.0%	0.0% #EEEFF1	RGB 238 239 241	#EEEFF1
16.7%	16.7% #EBEEF1	RGB 235 238 241	#EBEEF1
33.3%	33.3% #E9EEF1	RGB 233 238 241	#E9EEF1
50.0%	50.0% #E6EFF1	RGB 230 239 241	#E6EFF1
66.7%	66.7% #E4F1F1	RGB 228 241 241	#E4F1F1
83.3%	83.3% #E1F1EE	RGB 225 241 238	#E1F1EE
100.0%	100.0% #DFF2EB	RGB 223 242 235	#DFF2EB

#EEEFF1 #EBEEF1 #E9EEF1 #E6EFF1 #E4F1F1 #E1F1EE #DFF2EB

#EEEFF1 - #E6EFF1 - #DFF2EB

CSS代码

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

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