#FFEFB5 - #ECC55C | colorate

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

Blend #FFEFB5 to #ECC55C

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

RGB混合

#FFEFB5 - #ECC55C | colorate

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

0.0%	0.0% #FFEFB5	RGB 255 239 181	#FFEFB5
16.7%	16.7% #FBE8A6	RGB 251 232 166	#FBE8A6
33.3%	33.3% #F8E197	RGB 248 225 151	#F8E197
50.0%	50.0% #F5DA88	RGB 245 218 136	#F5DA88
66.7%	66.7% #F2D379	RGB 242 211 121	#F2D379
83.3%	83.3% #EFCC6A	RGB 239 204 106	#EFCC6A
100.0%	100.0% #ECC55C	RGB 236 197 92	#ECC55C

#FFEFB5 #FBE8A6 #F8E197 #F5DA88 #F2D379 #EFCC6A #ECC55C

#FFEFB5 - #ECC55C

HSV混合

#FFEFB5 - #ECC55C | colorate

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

0.0%	0.0% #FFEFB5	RGB 255 239 181	#FFEFB5
16.7%	16.7% #FBE8A5	RGB 251 232 165	#FBE8A5
33.3%	33.3% #F8E195	RGB 248 225 149	#F8E195
50.0%	50.0% #F5DA86	RGB 245 218 134	#F5DA86
66.7%	66.7% #F2D378	RGB 242 211 120	#F2D378
83.3%	83.3% #EFCC69	RGB 239 204 105	#EFCC69
100.0%	100.0% #ECC55C	RGB 236 197 92	#ECC55C

#FFEFB5 #FBE8A5 #F8E195 #F5DA86 #F2D378 #EFCC69 #ECC55C

#FFEFB5 - #F5DA86 - #ECC55C

CSS代码

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

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