#C2BAB7 - #CCDAE4 | colorate

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

Blend #C2BAB7 to #CCDAE4

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

RGB混合

#C2BAB7 - #CCDAE4 | colorate

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

0.0%	0.0% #C2BAB7	RGB 194 186 183	#C2BAB7
16.7%	16.7% #C3BFBE	RGB 195 191 190	#C3BFBE
33.3%	33.3% #C5C4C6	RGB 197 196 198	#C5C4C6
50.0%	50.0% #C7CACD	RGB 199 202 205	#C7CACD
66.7%	66.7% #C8CFD5	RGB 200 207 213	#C8CFD5
83.3%	83.3% #CAD4DC	RGB 202 212 220	#CAD4DC
100.0%	100.0% #CCDAE4	RGB 204 218 228	#CCDAE4

#C2BAB7 #C3BFBE #C5C4C6 #C7CACD #C8CFD5 #CAD4DC #CCDAE4

#C2BAB7 - #CCDAE4

HSV混合

#C2BAB7 - #CCDAE4 | colorate

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

0.0%	0.0% #C2BAB7	RGB 194 186 183	#C2BAB7
16.7%	16.7% #C7BABD	RGB 199 186 189	#C7BABD
33.3%	33.3% #CDBEC8	RGB 205 190 200	#CDBEC8
50.0%	50.0% #D0C1D3	RGB 208 193 211	#D0C1D3
66.7%	66.7% #CCC5D8	RGB 204 197 216	#CCC5D8
83.3%	83.3% #C8CBDE	RGB 200 203 222	#C8CBDE
100.0%	100.0% #CCDAE4	RGB 204 218 228	#CCDAE4

#C2BAB7 #C7BABD #CDBEC8 #D0C1D3 #CCC5D8 #C8CBDE #CCDAE4

#C2BAB7 - #D0C1D3 - #CCDAE4

CSS代码

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

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