#C0B5B5 - #C6DFD9 | colorate

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

Blend #C0B5B5 to #C6DFD9

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

RGB混合

#C0B5B5 - #C6DFD9 | colorate

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

0.0%	0.0% #C0B5B5	RGB 192 181 181	#C0B5B5
16.7%	16.7% #C1BCBB	RGB 193 188 187	#C1BCBB
33.3%	33.3% #C2C3C1	RGB 194 195 193	#C2C3C1
50.0%	50.0% #C3CAC7	RGB 195 202 199	#C3CAC7
66.7%	66.7% #C4D1CD	RGB 196 209 205	#C4D1CD
83.3%	83.3% #C5D8D3	RGB 197 216 211	#C5D8D3
100.0%	100.0% #C6DFD9	RGB 198 223 217	#C6DFD9

#C0B5B5 #C1BCBB #C2C3C1 #C3CAC7 #C4D1CD #C5D8D3 #C6DFD9

#C0B5B5 - #C6DFD9

HSV混合

#C0B5B5 - #C6DFD9 | colorate

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

0.0%	0.0% #C0B5B5	RGB 192 181 181	#C0B5B5
16.7%	16.7% #C5BEB8	RGB 197 190 184	#C5BEB8
33.3%	33.3% #CAC9BB	RGB 202 201 187	#CAC9BB
50.0%	50.0% #C8CFBD	RGB 200 207 189	#C8CFBD
66.7%	66.7% #C3D4C0	RGB 195 212 192	#C3D4C0
83.3%	83.3% #C3D9CA	RGB 195 217 202	#C3D9CA
100.0%	100.0% #C6DFD9	RGB 198 223 217	#C6DFD9

#C0B5B5 #C5BEB8 #CAC9BB #C8CFBD #C3D4C0 #C3D9CA #C6DFD9

#C0B5B5 - #C8CFBD - #C6DFD9

CSS代码

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

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