#EECCCC - #FBFBEC | colorate

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

Blend #EECCCC to #FBFBEC

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

RGB混合

#EECCCC - #FBFBEC | colorate

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

0.0%	0.0% #EECCCC	RGB 238 204 204	#EECCCC
16.7%	16.7% #F0D3D1	RGB 240 211 209	#F0D3D1
33.3%	33.3% #F2DBD6	RGB 242 219 214	#F2DBD6
50.0%	50.0% #F4E3DC	RGB 244 227 220	#F4E3DC
66.7%	66.7% #F6EBE1	RGB 246 235 225	#F6EBE1
83.3%	83.3% #F8F3E6	RGB 248 243 230	#F8F3E6
100.0%	100.0% #FBFBEC	RGB 251 251 236	#FBFBEC

#EECCCC #F0D3D1 #F2DBD6 #F4E3DC #F6EBE1 #F8F3E6 #FBFBEC

#EECCCC - #FBFBEC

HSV混合

#EECCCC - #FBFBEC | colorate

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

0.0%	0.0% #EECCCC	RGB 238 204 204	#EECCCC
16.7%	16.7% #F0D6D1	RGB 240 214 209	#F0D6D1
33.3%	33.3% #F2DFD6	RGB 242 223 214	#F2DFD6
50.0%	50.0% #F4E8DB	RGB 244 232 219	#F4E8DB
66.7%	66.7% #F6EFE1	RGB 246 239 225	#F6EFE1
83.3%	83.3% #F8F5E6	RGB 248 245 230	#F8F5E6
100.0%	100.0% #FBFBEC	RGB 251 251 236	#FBFBEC

#EECCCC #F0D6D1 #F2DFD6 #F4E8DB #F6EFE1 #F8F5E6 #FBFBEC

#EECCCC - #F4E8DB - #FBFBEC

CSS代码

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

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