#EADF5E - #FFF08E | colorate

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

Blend #EADF5E to #FFF08E

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

RGB混合

#EADF5E - #FFF08E | colorate

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

0.0%	0.0% #EADF5E	RGB 234 223 94	#EADF5E
16.7%	16.7% #EDE166	RGB 237 225 102	#EDE166
33.3%	33.3% #F1E46E	RGB 241 228 110	#F1E46E
50.0%	50.0% #F4E776	RGB 244 231 118	#F4E776
66.7%	66.7% #F8EA7E	RGB 248 234 126	#F8EA7E
83.3%	83.3% #FBED86	RGB 251 237 134	#FBED86
100.0%	100.0% #FFF08E	RGB 255 240 142	#FFF08E

#EADF5E #EDE166 #F1E46E #F4E776 #F8EA7E #FBED86 #FFF08E

#EADF5E - #FFF08E

HSV混合

#EADF5E - #FFF08E | colorate

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

0.0%	0.0% #EADF5E	RGB 234 223 94	#EADF5E
16.7%	16.7% #EDE165	RGB 237 225 101	#EDE165
33.3%	33.3% #F1E46D	RGB 241 228 109	#F1E46D
50.0%	50.0% #F4E775	RGB 244 231 117	#F4E775
66.7%	66.7% #F8E97D	RGB 248 233 125	#F8E97D
83.3%	83.3% #FBEC85	RGB 251 236 133	#FBEC85
100.0%	100.0% #FFF08E	RGB 255 240 142	#FFF08E

#EADF5E #EDE165 #F1E46D #F4E775 #F8E97D #FBEC85 #FFF08E

#EADF5E - #F4E775 - #FFF08E

CSS代码

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

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