#C8CAC9 - #E2CFD3 | colorate

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

Blend #C8CAC9 to #E2CFD3

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

RGB混合

#C8CAC9 - #E2CFD3 | colorate

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

0.0%	0.0% #C8CAC9	RGB 200 202 201	#C8CAC9
16.7%	16.7% #CCCACA	RGB 204 202 202	#CCCACA
33.3%	33.3% #D0CBCC	RGB 208 203 204	#D0CBCC
50.0%	50.0% #D5CCCE	RGB 213 204 206	#D5CCCE
66.7%	66.7% #D9CDCF	RGB 217 205 207	#D9CDCF
83.3%	83.3% #DDCED1	RGB 221 206 209	#DDCED1
100.0%	100.0% #E2CFD3	RGB 226 207 211	#E2CFD3

#C8CAC9 #CCCACA #D0CBCC #D5CCCE #D9CDCF #DDCED1 #E2CFD3

#C8CAC9 - #E2CFD3

HSV混合

#C8CAC9 - #E2CFD3 | colorate

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

0.0%	0.0% #C8CAC9	RGB 200 202 201	#C8CAC9
16.7%	16.7% #C9CEC9	RGB 201 206 201	#C9CEC9
33.3%	33.3% #CDD2CA	RGB 205 210 202	#CDD2CA
50.0%	50.0% #D4D6CB	RGB 212 214 203	#D4D6CB
66.7%	66.7% #DAD6CD	RGB 218 214 205	#DAD6CD
83.3%	83.3% #DED1CE	RGB 222 209 206	#DED1CE
100.0%	100.0% #E2CFD3	RGB 226 207 211	#E2CFD3

#C8CAC9 #C9CEC9 #CDD2CA #D4D6CB #DAD6CD #DED1CE #E2CFD3

#C8CAC9 - #D4D6CB - #E2CFD3

CSS代码

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

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