#BBCAB1 - #EBEFE8 | colorate

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

Blend #BBCAB1 to #EBEFE8

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

RGB混合

#BBCAB1 - #EBEFE8 | colorate

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

0.0%	0.0% #BBCAB1	RGB 187 202 177	#BBCAB1
16.7%	16.7% #C3D0BA	RGB 195 208 186	#C3D0BA
33.3%	33.3% #CBD6C3	RGB 203 214 195	#CBD6C3
50.0%	50.0% #D3DCCC	RGB 211 220 204	#D3DCCC
66.7%	66.7% #DBE2D5	RGB 219 226 213	#DBE2D5
83.3%	83.3% #E3E8DE	RGB 227 232 222	#E3E8DE
100.0%	100.0% #EBEFE8	RGB 235 239 232	#EBEFE8

#BBCAB1 #C3D0BA #CBD6C3 #D3DCCC #DBE2D5 #E3E8DE #EBEFE8

#BBCAB1 - #EBEFE8

HSV混合

#BBCAB1 - #EBEFE8 | colorate

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

0.0%	0.0% #BBCAB1	RGB 187 202 177	#BBCAB1
16.7%	16.7% #C2D0B9	RGB 194 208 185	#C2D0B9
33.3%	33.3% #CAD6C2	RGB 202 214 194	#CAD6C2
50.0%	50.0% #D2DCCB	RGB 210 220 203	#D2DCCB
66.7%	66.7% #DAE2D4	RGB 218 226 212	#DAE2D4
83.3%	83.3% #E2E8DE	RGB 226 232 222	#E2E8DE
100.0%	100.0% #EBEFE8	RGB 235 239 232	#EBEFE8

#BBCAB1 #C2D0B9 #CAD6C2 #D2DCCB #DAE2D4 #E2E8DE #EBEFE8

#BBCAB1 - #D2DCCB - #EBEFE8

CSS代码

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

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