#CED8C7 - #E5DEE4 | colorate

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

Blend #CED8C7 to #E5DEE4

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

RGB混合

#CED8C7 - #E5DEE4 | colorate

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

0.0%	0.0% #CED8C7	RGB 206 216 199	#CED8C7
16.7%	16.7% #D1D9CB	RGB 209 217 203	#D1D9CB
33.3%	33.3% #D5DAD0	RGB 213 218 208	#D5DAD0
50.0%	50.0% #D9DBD5	RGB 217 219 213	#D9DBD5
66.7%	66.7% #DDDCDA	RGB 221 220 218	#DDDCDA
83.3%	83.3% #E1DDDF	RGB 225 221 223	#E1DDDF
100.0%	100.0% #E5DEE4	RGB 229 222 228	#E5DEE4

#CED8C7 #D1D9CB #D5DAD0 #D9DBD5 #DDDCDA #E1DDDF #E5DEE4

#CED8C7 - #E5DEE4

HSV混合

#CED8C7 - #E5DEE4 | colorate

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

0.0%	0.0% #CED8C7	RGB 206 216 199	#CED8C7
16.7%	16.7% #D7DACA	RGB 215 218 202	#D7DACA
33.3%	33.3% #DCD9CE	RGB 220 217 206	#DCD9CE
50.0%	50.0% #DED6D2	RGB 222 214 210	#DED6D2
66.7%	66.7% #E0D6D6	RGB 224 214 214	#E0D6D6
83.3%	83.3% #E2DADE	RGB 226 218 222	#E2DADE
100.0%	100.0% #E5DEE4	RGB 229 222 228	#E5DEE4

#CED8C7 #D7DACA #DCD9CE #DED6D2 #E0D6D6 #E2DADE #E5DEE4

#CED8C7 - #DED6D2 - #E5DEE4

CSS代码

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

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