#EBCE5E - #FEED8A | colorate

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

Blend #EBCE5E to #FEED8A

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

RGB混合

#EBCE5E - #FEED8A | colorate

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

0.0%	0.0% #EBCE5E	RGB 235 206 94	#EBCE5E
16.7%	16.7% #EED365	RGB 238 211 101	#EED365
33.3%	33.3% #F1D86C	RGB 241 216 108	#F1D86C
50.0%	50.0% #F4DD74	RGB 244 221 116	#F4DD74
66.7%	66.7% #F7E27B	RGB 247 226 123	#F7E27B
83.3%	83.3% #FAE782	RGB 250 231 130	#FAE782
100.0%	100.0% #FEED8A	RGB 254 237 138	#FEED8A

#EBCE5E #EED365 #F1D86C #F4DD74 #F7E27B #FAE782 #FEED8A

#EBCE5E - #FEED8A

HSV混合

#EBCE5E - #FEED8A | colorate

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

0.0%	0.0% #EBCE5E	RGB 235 206 94	#EBCE5E
16.7%	16.7% #EED364	RGB 238 211 100	#EED364
33.3%	33.3% #F1D86C	RGB 241 216 108	#F1D86C
50.0%	50.0% #F4DD73	RGB 244 221 115	#F4DD73
66.7%	66.7% #F7E27A	RGB 247 226 122	#F7E27A
83.3%	83.3% #FAE782	RGB 250 231 130	#FAE782
100.0%	100.0% #FEED8A	RGB 254 237 138	#FEED8A

#EBCE5E #EED364 #F1D86C #F4DD73 #F7E27A #FAE782 #FEED8A

#EBCE5E - #F4DD73 - #FEED8A

CSS代码

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

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