#CAC7E9 - #CFDDEC | colorate

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

Blend #CAC7E9 to #CFDDEC

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

RGB混合

#CAC7E9 - #CFDDEC | colorate

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

0.0%	0.0% #CAC7E9	RGB 202 199 233	#CAC7E9
16.7%	16.7% #CACAE9	RGB 202 202 233	#CACAE9
33.3%	33.3% #CBCEEA	RGB 203 206 234	#CBCEEA
50.0%	50.0% #CCD2EA	RGB 204 210 234	#CCD2EA
66.7%	66.7% #CDD5EB	RGB 205 213 235	#CDD5EB
83.3%	83.3% #CED9EB	RGB 206 217 235	#CED9EB
100.0%	100.0% #CFDDEC	RGB 207 221 236	#CFDDEC

#CAC7E9 #CACAE9 #CBCEEA #CCD2EA #CDD5EB #CED9EB #CFDDEC

#CAC7E9 - #CFDDEC

HSV混合

#CAC7E9 - #CFDDEC | colorate

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

0.0%	0.0% #CAC7E9	RGB 202 199 233	#CAC7E9
16.7%	16.7% #C8C8E9	RGB 200 200 233	#C8C8E9
33.3%	33.3% #C9CCEA	RGB 201 204 234	#C9CCEA
50.0%	50.0% #CAD1EA	RGB 202 209 234	#CAD1EA
66.7%	66.7% #CCD5EB	RGB 204 213 235	#CCD5EB
83.3%	83.3% #CDD9EB	RGB 205 217 235	#CDD9EB
100.0%	100.0% #CFDDEC	RGB 207 221 236	#CFDDEC

#CAC7E9 #C8C8E9 #C9CCEA #CAD1EA #CCD5EB #CDD9EB #CFDDEC

#CAC7E9 - #CAD1EA - #CFDDEC

CSS代码

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

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