#FFF296 - #ECCC3F | colorate

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

Blend #FFF296 to #ECCC3F

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

RGB混合

#FFF296 - #ECCC3F | colorate

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

0.0%	0.0% #FFF296	RGB 255 242 150	#FFF296
16.7%	16.7% #FBEB87	RGB 251 235 135	#FBEB87
33.3%	33.3% #F8E579	RGB 248 229 121	#F8E579
50.0%	50.0% #F5DF6A	RGB 245 223 106	#F5DF6A
66.7%	66.7% #F2D85C	RGB 242 216 92	#F2D85C
83.3%	83.3% #EFD24D	RGB 239 210 77	#EFD24D
100.0%	100.0% #ECCC3F	RGB 236 204 63	#ECCC3F

#FFF296 #FBEB87 #F8E579 #F5DF6A #F2D85C #EFD24D #ECCC3F

#FFF296 - #ECCC3F

HSV混合

#FFF296 - #ECCC3F | colorate

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

0.0%	0.0% #FFF296	RGB 255 242 150	#FFF296
16.7%	16.7% #FBEC86	RGB 251 236 134	#FBEC86
33.3%	33.3% #F8E677	RGB 248 230 119	#F8E677
50.0%	50.0% #F5DF68	RGB 245 223 104	#F5DF68
66.7%	66.7% #F2D95A	RGB 242 217 90	#F2D95A
83.3%	83.3% #EFD24C	RGB 239 210 76	#EFD24C
100.0%	100.0% #ECCC3F	RGB 236 204 63	#ECCC3F

#FFF296 #FBEC86 #F8E677 #F5DF68 #F2D95A #EFD24C #ECCC3F

#FFF296 - #F5DF68 - #ECCC3F

CSS代码

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

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