#EFD9EB - #FFF9F7 | colorate

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

Blend #EFD9EB to #FFF9F7

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

RGB混合

#EFD9EB - #FFF9F7 | colorate

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

0.0%	0.0% #EFD9EB	RGB 239 217 235	#EFD9EB
16.7%	16.7% #F1DEED	RGB 241 222 237	#F1DEED
33.3%	33.3% #F4E3EF	RGB 244 227 239	#F4E3EF
50.0%	50.0% #F7E9F1	RGB 247 233 241	#F7E9F1
66.7%	66.7% #F9EEF3	RGB 249 238 243	#F9EEF3
83.3%	83.3% #FCF3F5	RGB 252 243 245	#FCF3F5
100.0%	100.0% #FFF9F7	RGB 255 249 247	#FFF9F7

#EFD9EB #F1DEED #F4E3EF #F7E9F1 #F9EEF3 #FCF3F5 #FFF9F7

#EFD9EB - #FFF9F7

HSV混合

#EFD9EB - #FFF9F7 | colorate

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

0.0%	0.0% #EFD9EB	RGB 239 217 235	#EFD9EB
16.7%	16.7% #F1DDEA	RGB 241 221 234	#F1DDEA
33.3%	33.3% #F4E2EA	RGB 244 226 234	#F4E2EA
50.0%	50.0% #F7E7EC	RGB 247 231 236	#F7E7EC
66.7%	66.7% #F9ECEE	RGB 249 236 238	#F9ECEE
83.3%	83.3% #FCF2F1	RGB 252 242 241	#FCF2F1
100.0%	100.0% #FFF9F7	RGB 255 249 247	#FFF9F7

#EFD9EB #F1DDEA #F4E2EA #F7E7EC #F9ECEE #FCF2F1 #FFF9F7

#EFD9EB - #F7E7EC - #FFF9F7

CSS代码

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

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