#C0BBC2 - #FFE3BB | colorate

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

Blend #C0BBC2 to #FFE3BB

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

RGB混合

#C0BBC2 - #FFE3BB | colorate

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

0.0%	0.0% #C0BBC2	RGB 192 187 194	#C0BBC2
16.7%	16.7% #CAC1C0	RGB 202 193 192	#CAC1C0
33.3%	33.3% #D5C8BF	RGB 213 200 191	#D5C8BF
50.0%	50.0% #DFCFBE	RGB 223 207 190	#DFCFBE
66.7%	66.7% #EAD5BD	RGB 234 213 189	#EAD5BD
83.3%	83.3% #F4DCBC	RGB 244 220 188	#F4DCBC
100.0%	100.0% #FFE3BB	RGB 255 227 187	#FFE3BB

#C0BBC2 #CAC1C0 #D5C8BF #DFCFBE #EAD5BD #F4DCBC #FFE3BB

#C0BBC2 - #FFE3BB

HSV混合

#C0BBC2 - #FFE3BB | colorate

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

0.0%	0.0% #C0BBC2	RGB 192 187 194	#C0BBC2
16.7%	16.7% #CCBCCB	RGB 204 188 203	#CCBCCB
33.3%	33.3% #D6BECE	RGB 214 190 206	#D6BECE
50.0%	50.0% #E0BECA	RGB 224 190 202	#E0BECA
66.7%	66.7% #EABEBF	RGB 234 190 191	#EABEBF
83.3%	83.3% #F4CCBC	RGB 244 204 188	#F4CCBC
100.0%	100.0% #FFE3BB	RGB 255 227 187	#FFE3BB

#C0BBC2 #CCBCCB #D6BECE #E0BECA #EABEBF #F4CCBC #FFE3BB

#C0BBC2 - #E0BECA - #FFE3BB

CSS代码

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

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