#E7E7A8 - #FFF3C3 | colorate

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

Blend #E7E7A8 to #FFF3C3

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

RGB混合

#E7E7A8 - #FFF3C3 | colorate

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

0.0%	0.0% #E7E7A8	RGB 231 231 168	#E7E7A8
16.7%	16.7% #EBE9AC	RGB 235 233 172	#EBE9AC
33.3%	33.3% #EFEBB1	RGB 239 235 177	#EFEBB1
50.0%	50.0% #F3EDB5	RGB 243 237 181	#F3EDB5
66.7%	66.7% #F7EFBA	RGB 247 239 186	#F7EFBA
83.3%	83.3% #FBF1BE	RGB 251 241 190	#FBF1BE
100.0%	100.0% #FFF3C3	RGB 255 243 195	#FFF3C3

#E7E7A8 #EBE9AC #EFEBB1 #F3EDB5 #F7EFBA #FBF1BE #FFF3C3

#E7E7A8 - #FFF3C3

HSV混合

#E7E7A8 - #FFF3C3 | colorate

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

0.0%	0.0% #E7E7A8	RGB 231 231 168	#E7E7A8
16.7%	16.7% #EBE8AC	RGB 235 232 172	#EBE8AC
33.3%	33.3% #EFEAB0	RGB 239 234 176	#EFEAB0
50.0%	50.0% #F3ECB5	RGB 243 236 181	#F3ECB5
66.7%	66.7% #F7EEB9	RGB 247 238 185	#F7EEB9
83.3%	83.3% #FBF0BE	RGB 251 240 190	#FBF0BE
100.0%	100.0% #FFF3C3	RGB 255 243 195	#FFF3C3

#E7E7A8 #EBE8AC #EFEAB0 #F3ECB5 #F7EEB9 #FBF0BE #FFF3C3

#E7E7A8 - #F3ECB5 - #FFF3C3

CSS代码

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

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