#F5E5CC - #FDFAE6 | colorate

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

Blend #F5E5CC to #FDFAE6

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

RGB混合

#F5E5CC - #FDFAE6 | colorate

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

0.0%	0.0% #F5E5CC	RGB 245 229 204	#F5E5CC
16.7%	16.7% #F6E8D0	RGB 246 232 208	#F6E8D0
33.3%	33.3% #F7ECD4	RGB 247 236 212	#F7ECD4
50.0%	50.0% #F9EFD9	RGB 249 239 217	#F9EFD9
66.7%	66.7% #FAF3DD	RGB 250 243 221	#FAF3DD
83.3%	83.3% #FBF6E1	RGB 251 246 225	#FBF6E1
100.0%	100.0% #FDFAE6	RGB 253 250 230	#FDFAE6

#F5E5CC #F6E8D0 #F7ECD4 #F9EFD9 #FAF3DD #FBF6E1 #FDFAE6

#F5E5CC - #FDFAE6

HSV混合

#F5E5CC - #FDFAE6 | colorate

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

0.0%	0.0% #F5E5CC	RGB 245 229 204	#F5E5CC
16.7%	16.7% #F6E9D0	RGB 246 233 208	#F6E9D0
33.3%	33.3% #F7ECD4	RGB 247 236 212	#F7ECD4
50.0%	50.0% #F9F0D8	RGB 249 240 216	#F9F0D8
66.7%	66.7% #FAF4DD	RGB 250 244 221	#FAF4DD
83.3%	83.3% #FBF7E1	RGB 251 247 225	#FBF7E1
100.0%	100.0% #FDFAE6	RGB 253 250 230	#FDFAE6

#F5E5CC #F6E9D0 #F7ECD4 #F9F0D8 #FAF4DD #FBF7E1 #FDFAE6

#F5E5CC - #F9F0D8 - #FDFAE6

CSS代码

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

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