#C0BABF - #FFEDD5 | colorate

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

Blend #C0BABF to #FFEDD5

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

RGB混合

#C0BABF - #FFEDD5 | colorate

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

0.0%	0.0% #C0BABF	RGB 192 186 191	#C0BABF
16.7%	16.7% #CAC2C2	RGB 202 194 194	#CAC2C2
33.3%	33.3% #D5CBC6	RGB 213 203 198	#D5CBC6
50.0%	50.0% #DFD3CA	RGB 223 211 202	#DFD3CA
66.7%	66.7% #EADCCD	RGB 234 220 205	#EADCCD
83.3%	83.3% #F4E4D1	RGB 244 228 209	#F4E4D1
100.0%	100.0% #FFEDD5	RGB 255 237 213	#FFEDD5

#C0BABF #CAC2C2 #D5CBC6 #DFD3CA #EADCCD #F4E4D1 #FFEDD5

#C0BABF - #FFEDD5

HSV混合

#C0BABF - #FFEDD5 | colorate

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

0.0%	0.0% #C0BABF	RGB 192 186 191	#C0BABF
16.7%	16.7% #CABFC6	RGB 202 191 198	#CABFC6
33.3%	33.3% #D5C4CA	RGB 213 196 202	#D5C4CA
50.0%	50.0% #DFC9CC	RGB 223 201 204	#DFC9CC
66.7%	66.7% #EAD0CD	RGB 234 208 205	#EAD0CD
83.3%	83.3% #F4DDD1	RGB 244 221 209	#F4DDD1
100.0%	100.0% #FFEDD5	RGB 255 237 213	#FFEDD5

#C0BABF #CABFC6 #D5C4CA #DFC9CC #EAD0CD #F4DDD1 #FFEDD5

#C0BABF - #DFC9CC - #FFEDD5

CSS代码

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

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