#B4A6AE - #E9E5E6 | colorate

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

Blend #B4A6AE to #E9E5E6

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

RGB混合

#B4A6AE - #E9E5E6 | colorate

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

0.0%	0.0% #B4A6AE	RGB 180 166 174	#B4A6AE
16.7%	16.7% #BCB0B7	RGB 188 176 183	#BCB0B7
33.3%	33.3% #C5BBC0	RGB 197 187 192	#C5BBC0
50.0%	50.0% #CEC5CA	RGB 206 197 202	#CEC5CA
66.7%	66.7% #D7D0D3	RGB 215 208 211	#D7D0D3
83.3%	83.3% #E0DADC	RGB 224 218 220	#E0DADC
100.0%	100.0% #E9E5E6	RGB 233 229 230	#E9E5E6

#B4A6AE #BCB0B7 #C5BBC0 #CEC5CA #D7D0D3 #E0DADC #E9E5E6

#B4A6AE - #E9E5E6

HSV混合

#B4A6AE - #E9E5E6 | colorate

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

0.0%	0.0% #B4A6AE	RGB 180 166 174	#B4A6AE
16.7%	16.7% #BCB0B6	RGB 188 176 182	#BCB0B6
33.3%	33.3% #C5BABF	RGB 197 186 191	#C5BABF
50.0%	50.0% #CEC4C8	RGB 206 196 200	#CEC4C8
66.7%	66.7% #D7CFD2	RGB 215 207 210	#D7CFD2
83.3%	83.3% #E0DADB	RGB 224 218 219	#E0DADB
100.0%	100.0% #E9E5E6	RGB 233 229 230	#E9E5E6

#B4A6AE #BCB0B6 #C5BABF #CEC4C8 #D7CFD2 #E0DADB #E9E5E6

#B4A6AE - #CEC4C8 - #E9E5E6

CSS代码

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

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