#CBC8D4 - #CDDCEC | colorate

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

Blend #CBC8D4 to #CDDCEC

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

RGB混合

#CBC8D4 - #CDDCEC | colorate

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

0.0%	0.0% #CBC8D4	RGB 203 200 212	#CBC8D4
16.7%	16.7% #CBCBD8	RGB 203 203 216	#CBCBD8
33.3%	33.3% #CBCEDC	RGB 203 206 220	#CBCEDC
50.0%	50.0% #CCD2E0	RGB 204 210 224	#CCD2E0
66.7%	66.7% #CCD5E4	RGB 204 213 228	#CCD5E4
83.3%	83.3% #CCD8E8	RGB 204 216 232	#CCD8E8
100.0%	100.0% #CDDCEC	RGB 205 220 236	#CDDCEC

#CBC8D4 #CBCBD8 #CBCEDC #CCD2E0 #CCD5E4 #CCD8E8 #CDDCEC

#CBC8D4 - #CDDCEC

HSV混合

#CBC8D4 - #CDDCEC | colorate

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

0.0%	0.0% #CBC8D4	RGB 203 200 212	#CBC8D4
16.7%	16.7% #CAC9D8	RGB 202 201 216	#CAC9D8
33.3%	33.3% #CACADC	RGB 202 202 220	#CACADC
50.0%	50.0% #CACDE0	RGB 202 205 224	#CACDE0
66.7%	66.7% #CBD1E4	RGB 203 209 228	#CBD1E4
83.3%	83.3% #CCD6E8	RGB 204 214 232	#CCD6E8
100.0%	100.0% #CDDCEC	RGB 205 220 236	#CDDCEC

#CBC8D4 #CAC9D8 #CACADC #CACDE0 #CBD1E4 #CCD6E8 #CDDCEC

#CBC8D4 - #CACDE0 - #CDDCEC

CSS代码

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

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