#DFDDDB - #B5A08F | colorate

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

Blend #DFDDDB to #B5A08F

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

RGB混合

#DFDDDB - #B5A08F | colorate

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

0.0%	0.0% #DFDDDB	RGB 223 221 219	#DFDDDB
16.7%	16.7% #D8D2CE	RGB 216 210 206	#D8D2CE
33.3%	33.3% #D1C8C1	RGB 209 200 193	#D1C8C1
50.0%	50.0% #CABEB5	RGB 202 190 181	#CABEB5
66.7%	66.7% #C3B4A8	RGB 195 180 168	#C3B4A8
83.3%	83.3% #BCAA9B	RGB 188 170 155	#BCAA9B
100.0%	100.0% #B5A08F	RGB 181 160 143	#B5A08F

#DFDDDB #D8D2CE #D1C8C1 #CABEB5 #C3B4A8 #BCAA9B #B5A08F

#DFDDDB - #B5A08F

HSV混合

#DFDDDB - #B5A08F | colorate

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

0.0%	0.0% #DFDDDB	RGB 223 221 219	#DFDDDB
16.7%	16.7% #D8D2CD	RGB 216 210 205	#D8D2CD
33.3%	33.3% #D1C8BF	RGB 209 200 191	#D1C8BF
50.0%	50.0% #CABDB2	RGB 202 189 178	#CABDB2
66.7%	66.7% #C3B3A6	RGB 195 179 166	#C3B3A6
83.3%	83.3% #BCA99A	RGB 188 169 154	#BCA99A
100.0%	100.0% #B5A08F	RGB 181 160 143	#B5A08F

#DFDDDB #D8D2CD #D1C8BF #CABDB2 #C3B3A6 #BCA99A #B5A08F

#DFDDDB - #CABDB2 - #B5A08F

CSS代码

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

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