#C8CCA1 - #FEFFB8 | colorate

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

Blend #C8CCA1 to #FEFFB8

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

RGB混合

#C8CCA1 - #FEFFB8 | colorate

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

0.0%	0.0% #C8CCA1	RGB 200 204 161	#C8CCA1
16.7%	16.7% #D1D4A4	RGB 209 212 164	#D1D4A4
33.3%	33.3% #DADDA8	RGB 218 221 168	#DADDA8
50.0%	50.0% #E3E5AC	RGB 227 229 172	#E3E5AC
66.7%	66.7% #ECEEB0	RGB 236 238 176	#ECEEB0
83.3%	83.3% #F5F6B4	RGB 245 246 180	#F5F6B4
100.0%	100.0% #FEFFB8	RGB 254 255 184	#FEFFB8

#C8CCA1 #D1D4A4 #DADDA8 #E3E5AC #ECEEB0 #F5F6B4 #FEFFB8

#C8CCA1 - #FEFFB8

HSV混合

#C8CCA1 - #FEFFB8 | colorate

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

0.0%	0.0% #C8CCA1	RGB 200 204 161	#C8CCA1
16.7%	16.7% #D0D4A5	RGB 208 212 165	#D0D4A5
33.3%	33.3% #D9DDA9	RGB 217 221 169	#D9DDA9
50.0%	50.0% #E2E5AD	RGB 226 229 173	#E2E5AD
66.7%	66.7% #EBEEB1	RGB 235 238 177	#EBEEB1
83.3%	83.3% #F4F6B4	RGB 244 246 180	#F4F6B4
100.0%	100.0% #FEFFB8	RGB 254 255 184	#FEFFB8

#C8CCA1 #D0D4A5 #D9DDA9 #E2E5AD #EBEEB1 #F4F6B4 #FEFFB8

#C8CCA1 - #E2E5AD - #FEFFB8

CSS代码

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

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