#ECCC90 - #F9F0DF | colorate

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

Blend #ECCC90 to #F9F0DF

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

RGB混合

#ECCC90 - #F9F0DF | colorate

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

0.0%	0.0% #ECCC90	RGB 236 204 144	#ECCC90
16.7%	16.7% #EED29D	RGB 238 210 157	#EED29D
33.3%	33.3% #F0D8AA	RGB 240 216 170	#F0D8AA
50.0%	50.0% #F2DEB7	RGB 242 222 183	#F2DEB7
66.7%	66.7% #F4E4C4	RGB 244 228 196	#F4E4C4
83.3%	83.3% #F6EAD1	RGB 246 234 209	#F6EAD1
100.0%	100.0% #F9F0DF	RGB 249 240 223	#F9F0DF

#ECCC90 #EED29D #F0D8AA #F2DEB7 #F4E4C4 #F6EAD1 #F9F0DF

#ECCC90 - #F9F0DF

HSV混合

#ECCC90 - #F9F0DF | colorate

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

0.0%	0.0% #ECCC90	RGB 236 204 144	#ECCC90
16.7%	16.7% #EED19C	RGB 238 209 156	#EED19C
33.3%	33.3% #F0D7A9	RGB 240 215 169	#F0D7A9
50.0%	50.0% #F2DDB6	RGB 242 221 182	#F2DDB6
66.7%	66.7% #F4E3C3	RGB 244 227 195	#F4E3C3
83.3%	83.3% #F6E9D1	RGB 246 233 209	#F6E9D1
100.0%	100.0% #F9F0DF	RGB 249 240 223	#F9F0DF

#ECCC90 #EED19C #F0D7A9 #F2DDB6 #F4E3C3 #F6E9D1 #F9F0DF

#ECCC90 - #F2DDB6 - #F9F0DF

CSS代码

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

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