#CBBEC6 - #D5E6DC | colorate

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

Blend #CBBEC6 to #D5E6DC

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

RGB混合

#CBBEC6 - #D5E6DC | colorate

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

0.0%	0.0% #CBBEC6	RGB 203 190 198	#CBBEC6
16.7%	16.7% #CCC4C9	RGB 204 196 201	#CCC4C9
33.3%	33.3% #CECBCD	RGB 206 203 205	#CECBCD
50.0%	50.0% #D0D2D1	RGB 208 210 209	#D0D2D1
66.7%	66.7% #D1D8D4	RGB 209 216 212	#D1D8D4
83.3%	83.3% #D3DFD8	RGB 211 223 216	#D3DFD8
100.0%	100.0% #D5E6DC	RGB 213 230 220	#D5E6DC

#CBBEC6 #CCC4C9 #CECBCD #D0D2D1 #D1D8D4 #D3DFD8 #D5E6DC

#CBBEC6 - #D5E6DC

HSV混合

#CBBEC6 - #D5E6DC | colorate

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

0.0%	0.0% #CBBEC6	RGB 203 190 198	#CBBEC6
16.7%	16.7% #CDC1CF	RGB 205 193 207	#CDC1CF
33.3%	33.3% #CBC5D4	RGB 203 197 212	#CBC5D4
50.0%	50.0% #C9CBD8	RGB 201 203 216	#C9CBD8
66.7%	66.7% #CDD6DD	RGB 205 214 221	#CDD6DD
83.3%	83.3% #D1E1DF	RGB 209 225 223	#D1E1DF
100.0%	100.0% #D5E6DC	RGB 213 230 220	#D5E6DC

#CBBEC6 #CDC1CF #CBC5D4 #C9CBD8 #CDD6DD #D1E1DF #D5E6DC

#CBBEC6 - #C9CBD8 - #D5E6DC

CSS代码

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

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