颜色混合函数

这些操作与 Photoshop、Fireworks 或 GIMP 等图像编辑器中的混合模式类似（但不一定完全相同），因此您可以使用它们来使 CSS 颜色与图像相匹配。

### multiply

将两种颜色相乘。将两种颜色各自对应的 RGB 通道相乘，然后除以 255。结果是颜色变深。

参数：

- color1: 颜色对象。
- color2: 颜色对象。

返回： `color`

示例：

```less
multiply(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
multiply(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="331400" data-src="holder.js/100x40/#331400:#ffffff/text:331400" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABNElEQVRoQ+2ZUQ6CMBAF4Q56Er3/CbyJh9BgUlM3pRRoYGLGL2UrfX3TVzZhvF2G1+AH48AoEAyLjxCBsHgIBMZDIAKhOQDT4zNEIDAHYHJMiEBgDsDkmBCBwByAyTEhAoE5AJNjQgQCcwAm57SEPJ6/r2Hu1/FrTa02DUr1/D+5r6X6nvmOZHYKkGhY/rtWy2FM30tAcuNTfc98R8LAvA+p7fjabhdI5+1S2s1pipZaBDJ3LJmQleB6JGTLsTcBXToiVy5l9/BTniFRdU8g8d5Lpguk0CWt2d1buiyPrIbgbm1DW1viJCF2WvF67NzmureGJXUZgjiyuqzkT24iEBhIgQgE5gBMjgkRCMwBmBwTIhCYAzA5JkQgMAdgckyIQGAOwOSYEIHAHIDJMSECgTkAk/MG8uP2GfdZXx8AAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
multiply(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="662900" data-src="holder.js/100x40/#662900:#ffffff/text:662900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABNElEQVRoQ+2ZUQ6CMBQE4Th6MD2TF/M6GkyItWkLlNgOYfgyPGmXnW5fE8bbZXgNXhgHRoFgWHyECITFQyAwHgIRCM0BmB57iEBgDsDkmBCBwByAyTEhAoE5AJNjQgQCcwAmx4QIBOYATE7XhDye308x9+v4Y02uFt6fHgif+0etNa9uQGbzJkPD35MBudra/5XG2FJrDaPb95DY2PDFt9RqoAoksczirSXcekq1ErgUnHnc2mSdLiEpw+LekUpMLkU5mAJZWFp7DCptabkE7ZmvdUq6NPVag9b2l9L49pDMEqs5oqa2pFz/KR2jtxyXT5GQ1i95pPm6bFlHMqi1VoG0dnxhPoEIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyTEhMCBvAFQcaCVlckAAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
multiply(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="993d00" data-src="holder.js/100x40/#993d00:#ffffff/text:993d00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABNElEQVRoQ+2ZUQ6DIBAF8WDtcXqn9ji9WBubkBIURIpxko6/G9fHGx5L4nS/hFfwwTgwCQTD4iNEICweAoHxEIhAaA7A9DhDBAJzACbHhAgE5gBMjgkRCMwBmBwTIhCYAzA5JkQgxztwe37/KDyu0/EfHPiF0xKSmjavJzWut5b6EnvEviN6DvS92OoUICWzZvN6a/kK0z6jegokhAWgWgpKNYFsbKW13RuPrVottq3NiLWjSSAN2c6NS+dIrdYyJ/KjTyANQHqOntqcmGuluSGQjiMrvw1tDfgcgEB2pqC0u/Mrb2rsVq2lns+mqKP1mv3jMne/fsq1d7fKP3pBIDDYAhEIzAGYHBMiEJgDMDkmRCAwB2ByTIhAYA7A5JgQgcAcgMkxIQKBOQCTY0IEAnMAJucNxVEngAAELqgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
multiply(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="cc5200" data-src="holder.js/100x40/#cc5200:#ffffff/text:cc5200" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2ZUQ6CMBAF4UzeRM/pTfRMGkmaNBuCC0qZhvFPq/KY6WubMD6uw2vwhSEwKgTjYgqiEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDF6aohl/v8o5vnbZywxvHy+S9jrX11KaQGXYAVGVHO5/3WsdYyunseEsHWwLZCX/rd6YSsXWLmlqy1bamXr2/tOZWQemZmZ3dmNs+1KPv/UdZphcQbX1qasstU9nsZyS3FHLap/7she+wvLUWUax0mJB5F415Q7xeZ4+teR+LWUg4V0vpme7ieQmCWFKIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYnDfYTw7AFa//nQAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
multiply(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
multiply(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
multiply(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="006600" data-src="holder.js/100x40/#006600:#ffffff/text:006600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABG0lEQVRoQ+2aQQ7CIBQFy2X1TJ62hkYMsqC0Jp8hGXeGUp4zvGKiaXts++YLQyApBOPiCKIQlg+FwHwoRCE0ArA8niEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWZ1pD99fszTHqmL5reWL6oHq/n9cb+WS/S2RQhBU6BWb/vjdXA89zR+4xe194/UkRZaykhLdga2JWxKxsgWsqSQmpIbct6Y3caqZDP2dKDlyG1j6z2XBltwdkjUiEDQq7udM+Qk211F1D0vOh2HM2f9a+Tu19Do+dFS5kmJPqDrrKeQmCmFKIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYnDeO4ygAEHKZYAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
multiply(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

### screen

与乘法相反。结果是颜色更亮。

参数：

- color1: 颜色对象。
- color2: 颜色对象。

返回： `color`

示例：

```less
screen(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
screen(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff8533" data-src="holder.js/100x40/#ff8533:#ffffff/text:ff8533" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABPklEQVRoQ+2WUQ6CMBAF5Ux6Ov/1dN4JgwmxboBSaNIRxi/jls3zzb4tXf+49hc/GAc6gWBYfIQIhMVDIDAeAhEIzQGYHu8QgcAcgMkxIQKBOQCTY0IEAnMAJseECATmAEyOCRFIcOD++v7wvP0Wl2owI2vJaZuQ0fABRPp9+HdztRTScG6EGH8fHZqrp/DnetZyuaAPB0gUHQFFSEvQcr3WDkKBkbWOngNIDlBanxqEWm6v6NMOyNSKWVo/udWz1G804g/uq3ZAplZQblLX3jNbekdo8QVjxXTXOHIcILXW0mlX1pYp3pqQrc/VGPnCHu0SUvsOSQHHV949tUJD9x5vB2Sv8oM+LxAYWIEIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyTEhAoE5AJPzBuBK6pnZu2HNAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
screen(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffa366" data-src="holder.js/100x40/#ffa366:#ffffff/text:ffa366" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABPUlEQVRoQ+2W0Q6CMBAE5T991m/yWf8TgwkRGyjX0qSjDk+EO2DZ6R4dxvtlPHlgHBgEgmHxEiIQFg+BwHgIRCA0B2B6/IcIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEASB86394XH9bOYq8GMbCWnb0JmwycQy/Pp63K1ra9fApx6SgBD4HOApCangPaWYA7oHuAa+Ht6Kuu/AyQHNAe3FHyl0dHb+gFJx8tyxORqy9UeHUtH3hV1slFfPyDpGImOrOh4WeubAUZrjUwuecz3AUkTspaSI/+MziPs+4BsJaRklxbd3ZUs7Ua9/YAcmetb9+a2vbW1RkZHH9MPSFThn/UJBAZcIAKBOQCTY0IEAnMAJseECATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhAYA7A5DwBN97zQaSurroAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
screen(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ffc299" data-src="holder.js/100x40/#ffc299:#000000/text:ffc299" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABSElEQVRoQ+2aUQ6CMBAF5WJexzNxHS6GgVhTG9oCKelgxi/CYnl9w9sNxmGexvnhB+PAIBAMi1WIQFg8BALjIRCB0ByA6XGGCATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhAfh0Ynq/viXkaf4qlGszHZnK6JiQYvoCIj9efoT+gtmq53ccAl2tiwGdrzZzeuRAGSKo3BVTbzxGgex+E2j2vqAskSmKazCsMr63ZDUjaQuIWU6rFpoXN5WZPOL+ViHC/Uq1m3hX1bkBqT2OuZdVmS+17sYkpsK3aFaaX1rw1kLNzpzSfjs6u1sBuDaSWlmDW3iHeG8baNXr966TVDCm1ndxcIr/vdAPSOur/sp5AYCQFIhCYAzA5JkQgMAdgckyIQGAOwOSYEIHAHIDJMSECgTkAk2NCBAJzACbHhAgE5gBMzhs15z0gp38+RAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
screen(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ffe0cc" data-src="holder.js/100x40/#ffe0cc:#000000/text:ffe0cc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABOUlEQVRoQ+2aUQ6CMBAF5SYewvufgENwEwhETGlKK9qmQzJ+ERbI441vt6DDPI3zww/GgUEgGBabEIGweAgExkMgAqE5ANPjDBEIzAGYHBMiEJgDMDkmRCAwB2ByTIhAYA7A5JgQgRwdGJ6vz455Gg/FXA3mYzU5XROyG76CCLe319BvUKna2d2HANdjYsDVXGt4IQyQ+B5jQCUPckBL55LqAiHR6PkDVdxewhaTq4XtLHXO3qZSCcu1NEq7u11CzmZLqWXVnletgnVbIKEhpUVBvEj4d161grHp7Pknh9zgPqt9u//Kqu2XFV0rKN2A1Johudlz5bmG8szTDUirb9jdrysQGEGBCATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhAYA7A5JgQgcAcgMkxIQKBOQCTswAGdjTIgwKyHAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
screen(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
screen(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
screen(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ffff00" data-src="holder.js/100x40/#ffff00:#ffffff/text:ffff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJ0lEQVRoQ+2Z0QqDMBAE9f8/2mJBCEeVrKabBadPhbv0rjOeEbNu27ItfGIIrAiJcfFtBCFZPhAS5gMhCEkjENYPewhCwgiEtcOEICSMQFg7TAhCwgiEtcOEICSMQFg7TAhCKoH27f9agv+IhRko7UyekAP4LqL9vnc5OlaPfVr5VzGvwCAhZ5NTp6bK6ll3V7ZXRsB5SAXVAhgZQ0jHpfXr5PiYhtExhHQIuXPrOX5WnR6EIKSTQE1jU798urtJ9cGyiUJG7xPtLbAlcrYv8dj74Lp5z9KJE/IeyMo/RYhCy5CLEANkpQRCFFqGXIQYICslEKLQMuQixABZKYEQhZYhFyEGyEoJhCi0DLkIMUBWSiBEoWXIRYgBslICIQotQy5CDJCVEh9nEbux219klgAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
screen(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff66ff" data-src="holder.js/100x40/#ff66ff:#000000/text:ff66ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABb0lEQVRoQ+2abQ7CIBBE5bI9lJfF2IihG8rH0CnbZPxlpLus7wHbVEPcYnzp5YZAkBA3LvZCJMSXDwlx5kNCJMQbAWf1qIdIiDMCzsrRDpEQZwSclaMdIiHOCDgrRztEQpwRcFaOdoiEHAmEd/h/ELfjLwG1MZTj3fON1rl0hyQ4XxH5+/0x9E9Ubex73YjEnpyl+UahzlzvRoj9ElZQGp+BepbTLoAZoLOxjxIyC3Q2fhZ2T/wyIflZngpNx8/ZGBJjd1YOpTVfD8Crr1kmpHVMlFazbcil4yv1lVq87TutWq6GXsv3SCF2ZbduCkr9p7dn3SljXxgr/+QweqYjd2L5bhid724ZS4Wg/cDGlYDbnpQfSeohK5bZg+dcemQ9mButdAmhocUSSwjGjRYlITS0WGIJwbjRoiSEhhZLLCEYN1qUhNDQYoklBONGi5IQGlossYRg3GhREkJDiyWWEIwbLUpCaGixxBKCcaNFfQD65UewRrqFcwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

### overlay

结合乘法和屏法的效果。有条件地使亮色通道变亮，暗色通道变暗。注：条件的结果由第一个颜色参数决定。

参数：

- `color1`: 基色对象。也是使结果变浅或变深的决定色。
- `color2`: 要叠加的颜色对象。

返回： `color`

示例：

```less
overlay(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
overlay(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff2900" data-src="holder.js/100x40/#ff2900:#ffffff/text:ff2900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABN0lEQVRoQ+2YUQrCMBAF2+Po/c/idSoVAjE06apbMuD4Jew2vLzp20TX7bZsix+MA6tAMCxeQgTC4iEQGA+BCITmAEyPZ4hAYA7A5JgQgcAcgMkxIQKBOQCTY0IEAnMAJseECKRx4FH9+39f34ujGszILDlzE1IM30HU3/fd9Wo1pL2vhnhFLcvp4DocIK3gFlALaQQtqxY0MbNNIKNkZjodXGsekHa81ONnVCsbi4y4smakt4y+o2QGzcxomwfkaATVOxoZ06v1QAok+K78Ynp7IxudQQK5CEgU4Nm5EL3dBbeR2TZvZH1zhhw90zt7Rr9pPrkuZ7odWGsekIC4f2wRCIy6QAQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyXkCymXiQbArsyIAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
overlay(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff5200" data-src="holder.js/100x40/#ff5200:#ffffff/text:ff5200" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABO0lEQVRoQ+2YUQrDIBAFmyu25+wZU1IQ7KLRGMGhTL8Kq/J8k7cbsu3Px/7wh3FgEwiGxVeIQFg8BALjIRCB0ByA6XGGCATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhAggPv7Ov/a/stntVgRs6SszYhyfADRP7/uF2pVrt1ApkDPNbmgEdrs5zuPIcDJAqOgCKk1vqrsCPUmNZOQ+8uE8hZMu+6O7B/HZDYQvIWU6ud7ckv3zK5Nz0Dht7dsg7I1RZUWt/b1nrmky0rDO7WTCg9eq0kpD0C6Qxu6QmvmdhKyJWzbFkFQCMzJIeSjqy98rbqva/Enc/WrGVrZ8isW/zROQKBwRSIQGAOwOSYEIHAHIDJMSECgTkAk2NCBAJzACbHhAgE5gBMjgkRCMwBmBwTIhCYAzA5H4Em4qmDbRPjAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
overlay(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff7a00" data-src="holder.js/100x40/#ff7a00:#ffffff/text:ff7a00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABQklEQVRoQ+2YUQuDMAwG9W9vz/vdDgdCVrQN7KCZ3J4G1Y94Z5riuj2WbfFXhsCqkDIuPoUopJYPhRTzoRCFVCNQrB5niEKKEShWjh2ikGIEipVjhyikGIFi5dghCilGoFg5dohCGgKv8PX/uX4v9taKgaTKmdshB/BdRPy/P93VWpR0UGhFntFp74v39NYo0smcOkLagltBPcgjIVnZ7YuQhEhe9r9CMsIOUgpJvDO9rSezLV0JOZs7CkkIGW0PvQ4YyWhnkkImCYmS48BXyCQho5PZMfyzp7vkY5CXzRvqv8yQzHYWKcUt7Oyo7LGXfKfulTWvQ+7FEXsahWAomSCFMByxFIVgKJkghTAcsRSFYCiZIIUwHLEUhWAomSCFMByxFIVgKJkghTAcsRSFYCiZIIUwHLEUhWAomSCFMByxlDfFMuDpt9st1AAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
overlay(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ffa300" data-src="holder.js/100x40/#ffa300:#ffffff/text:ffa300" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABO0lEQVRoQ+2YbQ6CMBAF5Z7eTu+JwdhkbUK/KGFCxl/GpfD6pm+XuKyvx/rwg3FgEQiGxVeIQFg8BALjIRCB0ByA6XGGCATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhAMgee4d//9/JfLNVgRs6Sc21CkuEbiPh9212ptrf7CHC7JgIerc1yuvE+HCC54BxQbUM9QFsPQu2ZJ9TvA6QEdBTWCYbXbnkdkLyFxBZTqsV2lrelvZpAaufgVy+1pb1a62xpbUslWI3bmHnZdQnJB3fPDCkN6HQfgQyck5kJGW1LJiRrV5Fjek3tmSFpfXx1jr/liemtDZyzI0uubVlHlN90rUBgYAUiEJgDMDkmRCAwB2ByTIhAYA7A5JgQgcAcgMkxIQKBOQCTY0IEAnMAJseECATmAEzOB/ZA61FHbOHLAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
overlay(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ffcc00" data-src="holder.js/100x40/#ffcc00:#ffffff/text:ffcc00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABQElEQVRoQ+2YYQ6CMAxG4Uze/wZ6JsxMSOYSZ7+xymd4/jJZse17dAPX7b5sCx8bAitCbFy8CkGIlw+EmPlACELcCJjVwxmCEDMCZuUwIQgxI2BWDhOCEDMCZuUwIQgxI2BWDhOCkIbArfr3/7G+L/bWzEDOKufcCdmBFxH199Jdb22k+1puub6W31sbyXXgGh8hbROtoANNSrJn5h2oGSG9yRwAevSS84S020S9jfTW6u1s7/7b9qNsh0xIs5/vkD+BGTl3EBIc3N7dGBESPXcQ8iMhUdDRuPbpLtjGzLD/P0Oi7y489s68b67zW+dNyHUYS50iRMKVH4yQfMZSBoRIuPKDEZLPWMqAEAlXfjBC8hlLGRAi4coPRkg+YykDQiRc+cEIyWcsZUCIhCs/GCH5jKUMCJFw5QcjJJ+xlOEJ2R/ruT4rtLoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
overlay(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
overlay(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ffcc00" data-src="holder.js/100x40/#ffcc00:#ffffff/text:ffcc00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABQElEQVRoQ+2YYQ6CMAxG4Uze/wZ6JsxMSOYSZ7+xymd4/jJZse17dAPX7b5sCx8bAitCbFy8CkGIlw+EmPlACELcCJjVwxmCEDMCZuUwIQgxI2BWDhOCEDMCZuUwIQgxI2BWDhOCkIbArfr3/7G+L/bWzEDOKufcCdmBFxH199Jdb22k+1puub6W31sbyXXgGh8hbROtoANNSrJn5h2oGSG9yRwAevSS84S020S9jfTW6u1s7/7b9qNsh0xIs5/vkD+BGTl3EBIc3N7dGBESPXcQ8iMhUdDRuPbpLtjGzLD/P0Oi7y489s68b67zW+dNyHUYS50iRMKVH4yQfMZSBoRIuPKDEZLPWMqAEAlXfjBC8hlLGRAi4coPRkg+YykDQiRc+cEIyWcsZUCIhCs/GCH5jKUMCJFw5QcjJJ+xlOEJ2R/ruT4rtLoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
overlay(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

### softlight

与叠加类似，但避免纯黑产生纯黑，纯白产生纯白。

参数：

- `color1`: 用于柔光的颜色对象。
- `color2`: 要柔光照明的颜色对象。

返回： `color`

示例：

```less
softlight(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff2900" data-src="holder.js/100x40/#ff2900:#ffffff/text:ff2900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABN0lEQVRoQ+2YUQrCMBAF2+Po/c/idSoVAjE06apbMuD4Jew2vLzp20TX7bZsix+MA6tAMCxeQgTC4iEQGA+BCITmAEyPZ4hAYA7A5JgQgcAcgMkxIQKBOQCTY0IEAnMAJseECKRx4FH9+39f34ujGszILDlzE1IM30HU3/fd9Wo1pL2vhnhFLcvp4DocIK3gFlALaQQtqxY0MbNNIKNkZjodXGsekHa81ONnVCsbi4y4smakt4y+o2QGzcxomwfkaATVOxoZ06v1QAok+K78Ynp7IxudQQK5CEgU4Nm5EL3dBbeR2TZvZH1zhhw90zt7Rr9pPrkuZ7odWGsekIC4f2wRCIy6QAQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyXkCymXiQbArsyIAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
softlight(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff4100" data-src="holder.js/100x40/#ff4100:#ffffff/text:ff4100" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABRklEQVRoQ+2YUQqDMBAF9WjtwXs1iwUhDSbNE3k+6vSruIu7zmRNcF4e0zLxiyEwIyTGxacRhGT5QEiYD4QgJI1AWD/sIQgJIxDWDhOCkDACYe0wIQgJIxDWDhOCkDACYe0wIQipCLyKr//P+TvYi4WBPKudaydkA76KKP+vT9eL1fGSRn2fLVbKXa+V8nuxs0gP3idHSN1wC2wpowd2D/h2bXQhDEI8M+2/hLQmR5m+3kI4k3zjXtcJqV8T5WpXYq19hwk5sHxGXkstsL/2CoQYhdSlevD3XmPsIQ1Z6oQopykmRJwQZZ8YPaYePdpy7BXl3Sj9ulPWjSArj4oQhZYhFyEGyEoJhCi0DLkIMUBWSiBEoWXIRYgBslICIQotQy5CDJCVEghRaBlyEWKArJRAiELLkIsQA2SlBEIUWoZchBggKyXeUSLcAb4lbJ0AAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
softlight(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff5a00" data-src="holder.js/100x40/#ff5a00:#ffffff/text:ff5a00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABWElEQVRoQ+2YUQqDQAwF9Zrt+XpOiwUhXdY1rQMGGb+K2X0mb8xGOi+PaZm8yjgwC6QMi08iAqnFQyDFeAhEINUcKJaPM0QgxRwolo4dIpBiDhRLxw4RSDEHiqVjhwikmAPF0rFDBNI48Ar//j/n7+AoVsxIKp1rO2QzfAURf6/V9WJ7Vbcge+si3DUe94xilNNJnTpA2oRbQC2kZIGfZRnYG6Dec3951sm1AhnBOmnuP9uvA9IeE/EY2YuN9mzV9+aOHZJ8N0bHQ+bIyhqdXXfmWEyWfLTsug45Kj5zlo+gbZVnPxicIZ1hG18fO+SomeD4PzMkdlXsgB7IeC92SW+fn70w3BvJXTtDbmQkVYpAKCchHYFARlIyAqGchHQEAhlJyQiEchLSEQhkJCUjEMpJSEcgkJGUjEAoJyEdgUBGUjICoZyEdAQCGUnJCIRyEtIRCGQkJfMGKPfd6fYp8s8AAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
softlight(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff7200" data-src="holder.js/100x40/#ff7200:#ffffff/text:ff7200" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABLklEQVRoQ+2YUQrCMBAF7ZX1HJ65UrEQlzbd1ECmOH6JKeFlJi8pTvP9Nt/8YAhMCsG4eAdRCMuHQmA+FKIQGgFYHu8QhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIUEAs/i3//H9D1YG4OB7BVnbENW4IuI8vuyur2xUtJKYRUZx0rBZ8d6kU7OwxESA0dBWws6I7QmO44lIfZ87LpCao1qgX40T0/aibnGCWk5epaF7N0v8fetXZ49Dm3I50LPQC13V+042xpTSKKbR7uxFXptPoUMENIiMPsykFxGz8eueYfUjqVI59dX4p60E3ONE5II94+PKARmXSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxXkBGTDlqbl1o/YAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
softlight(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff8a00" data-src="holder.js/100x40/#ff8a00:#ffffff/text:ff8a00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABVUlEQVRoQ+2YUQ6CMBAF5dBeQg+NqZGkNtAHBB6PZPxSV7vbmW7XOIyvx/jgEUNgQEiMi28hCMnygZAwHwhBSBqBsHqYIQgJIxBWDh2CkDACYeXQIQgJIxBWDh2CkDACYeXQIQhpCDyrf//fw3+wFwsDeVQ513bIBLyIqJ+X3S3Faknlc63EJTK97+1d8ygL1To5QtrNtYJaSXOvlYxJ3tqDcAJwtSRCep2p6J0Qv05Ie03U18+W2Jq5s/Y63NJ1J8goS14nRG1+z5Wl5g5XljhGc9Cnr+wRUkue1tnyg0EdkpO6ol6WDmGG/M7DljnRmy+9GTLXJfV7bTfOxQxdkdMh5s3eId21V9YdCJlrRIgZuEqHEEXIHEeIGbhKhxBFyBxHiBm4SocQRcgcR4gZuEqHEEXIHEeIGbhKhxBFyBxHiBm4SocQRcgcR4gZuEqHEEXIHP8AdcntaVMKGIwAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
softlight(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ffa100" data-src="holder.js/100x40/#ffa100:#ffffff/text:ffa100" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIklEQVRoQ+2YUQqDMBAF9aK9W3tRi4XAdmtiwECGOv0qxsrLTF4iXbfnsi1+MARWhWBcfIIohOVDITAfClEIjQAsj2eIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEISgUf49/+1fg+2xmAgR8WZ25ACfBcRv++za421Zp+fU+6NcvdrUX5rbBTpzudwhOTANbA9MmrAi4TehdAJceRt/yUkNyu3QyGNtZO3ibiqW2MRem6CQi6WtbUtnZ0FR+eOQiYIyQ05Oy+OJHmGVMTZkB8w8w71UWdImVLcwuI1X3svbmM3//m8htwcfG36CoEtDIUoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4bAhLwBAn7nAVqDpt8AAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
softlight(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff2900" data-src="holder.js/100x40/#ff2900:#ffffff/text:ff2900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABN0lEQVRoQ+2YUQrCMBAF2+Po/c/idSoVAjE06apbMuD4Jew2vLzp20TX7bZsix+MA6tAMCxeQgTC4iEQGA+BCITmAEyPZ4hAYA7A5JgQgcAcgMkxIQKBOQCTY0IEAnMAJseECKRx4FH9+39f34ujGszILDlzE1IM30HU3/fd9Wo1pL2vhnhFLcvp4DocIK3gFlALaQQtqxY0MbNNIKNkZjodXGsekHa81ONnVCsbi4y4smakt4y+o2QGzcxomwfkaATVOxoZ06v1QAok+K78Ynp7IxudQQK5CEgU4Nm5EL3dBbeR2TZvZH1zhhw90zt7Rr9pPrkuZ7odWGsekIC4f2wRCIy6QAQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyXkCymXiQbArsyIAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
softlight(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ffa100" data-src="holder.js/100x40/#ffa100:#ffffff/text:ffa100" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIklEQVRoQ+2YUQqDMBAF9aK9W3tRi4XAdmtiwECGOv0qxsrLTF4iXbfnsi1+MARWhWBcfIIohOVDITAfClEIjQAsj2eIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEISgUf49/+1fg+2xmAgR8WZ25ACfBcRv++za421Zp+fU+6NcvdrUX5rbBTpzudwhOTANbA9MmrAi4TehdAJceRt/yUkNyu3QyGNtZO3ibiqW2MRem6CQi6WtbUtnZ0FR+eOQiYIyQ05Oy+OJHmGVMTZkB8w8w71UWdImVLcwuI1X3svbmM3//m8htwcfG36CoEtDIUoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4bAhLwBAn7nAVqDpt8AAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
softlight(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff2900" data-src="holder.js/100x40/#ff2900:#ffffff/text:ff2900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABN0lEQVRoQ+2YUQrCMBAF2+Po/c/idSoVAjE06apbMuD4Jew2vLzp20TX7bZsix+MA6tAMCxeQgTC4iEQGA+BCITmAEyPZ4hAYA7A5JgQgcAcgMkxIQKBOQCTY0IEAnMAJseECKRx4FH9+39f34ujGszILDlzE1IM30HU3/fd9Wo1pL2vhnhFLcvp4DocIK3gFlALaQQtqxY0MbNNIKNkZjodXGsekHa81ONnVCsbi4y4smakt4y+o2QGzcxomwfkaATVOxoZ06v1QAok+K78Ynp7IxudQQK5CEgU4Nm5EL3dBbeR2TZvZH1zhhw90zt7Rr9pPrkuZ7odWGsekIC4f2wRCIy6QAQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyXkCymXiQbArsyIAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

### hardlight

与叠加相同，但颜色角色相反。

参数：

- `color1`: 要叠加的颜色对象。
- `color2`: 基色对象。也是使结果变浅或变深的决定色。

返回： `color`

示例：

```less
hardlight(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
hardlight(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="662900" data-src="holder.js/100x40/#662900:#ffffff/text:662900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABNElEQVRoQ+2ZUQ6CMBQE4Th6MD2TF/M6GkyItWkLlNgOYfgyPGmXnW5fE8bbZXgNXhgHRoFgWHyECITFQyAwHgIRCM0BmB57iEBgDsDkmBCBwByAyTEhAoE5AJNjQgQCcwAmx4QIBOYATE7XhDye308x9+v4Y02uFt6fHgif+0etNa9uQGbzJkPD35MBudra/5XG2FJrDaPb95DY2PDFt9RqoAoksczirSXcekq1ErgUnHnc2mSdLiEpw+LekUpMLkU5mAJZWFp7DCptabkE7ZmvdUq6NPVag9b2l9L49pDMEqs5oqa2pFz/KR2jtxyXT5GQ1i95pPm6bFlHMqi1VoG0dnxhPoEIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyTEhMCBvAFQcaCVlckAAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
hardlight(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cc5200" data-src="holder.js/100x40/#cc5200:#ffffff/text:cc5200" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2ZUQ6CMBAF4UzeRM/pTfRMGkmaNBuCC0qZhvFPq/KY6WubMD6uw2vwhSEwKgTjYgqiEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDF6aohl/v8o5vnbZywxvHy+S9jrX11KaQGXYAVGVHO5/3WsdYyunseEsHWwLZCX/rd6YSsXWLmlqy1bamXr2/tOZWQemZmZ3dmNs+1KPv/UdZphcQbX1qasstU9nsZyS3FHLap/7she+wvLUWUax0mJB5F415Q7xeZ4+teR+LWUg4V0vpme7ieQmCWFKIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYnDfYTw7AFa//nQAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
hardlight(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff8533" data-src="holder.js/100x40/#ff8533:#ffffff/text:ff8533" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABPklEQVRoQ+2WUQ6CMBAF5Ux6Ov/1dN4JgwmxboBSaNIRxi/jls3zzb4tXf+49hc/GAc6gWBYfIQIhMVDIDAeAhEIzQGYHu8QgcAcgMkxIQKBOQCTY0IEAnMAJseECATmAEyOCRFIcOD++v7wvP0Wl2owI2vJaZuQ0fABRPp9+HdztRTScG6EGH8fHZqrp/DnetZyuaAPB0gUHQFFSEvQcr3WDkKBkbWOngNIDlBanxqEWm6v6NMOyNSKWVo/udWz1G804g/uq3ZAplZQblLX3jNbekdo8QVjxXTXOHIcILXW0mlX1pYp3pqQrc/VGPnCHu0SUvsOSQHHV949tUJD9x5vB2Sv8oM+LxAYWIEIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyTEhAoE5AJPzBuBK6pnZu2HNAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
hardlight(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ffc299" data-src="holder.js/100x40/#ffc299:#ffffff/text:ffc299" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABP0lEQVRoQ+2XbQ6CMBAF5WBexzvpcfRgGEwaa0M/kJKOZvxlWLK8vuHthmm+X+eTP4wDk0AwLF5CBMLiIRAYD4EIhOYATI87RCAwB2ByTIhAYA7A5JgQgcAcgMkxIQKBOQCTY0IEkjhwvrwvPG6fxVINZmQvOWMTEgxfQMT/l9OVarnTxwCXe2LA39Z6Od3YhwMkFZwCqh1oC9DWF6H2zAPqAimBPMDwWstxQNIREo+YUi0eZ+F0ud0Trq8lIjyvVKu5d0B9HJB0T7SOrNpuyY26PS/AAcbnWv42kFaIW+7burs6w/ptILW0BLNal/hgGIvccUD2jJC175O1frm9BP7eGQekc9T/pZ1AYCQFIhCYAzA5JkQgMAdgckyIQGAOwOSYEIHAHIDJMSECgTkAk2NCBAJzACbHhAgE5gBMzhOyTgAgb9dPkwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
hardlight(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
hardlight(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
hardlight(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
hardlight(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

### difference

逐个通道从第一种颜色中减去第二种颜色。负值会被反转。减去黑色时，颜色不变；减去白色时，颜色反转。

参数：

- `color1`: 用作被减数的颜色对象。
- `color2`: 用作减数的颜色对象。

返回： `color`

示例：

```less
difference(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
difference(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="cc3333" data-src="holder.js/100x40/#cc3333:#ffffff/text:cc3333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABF0lEQVRoQ+2ZUQqDMBAF65n0/idIz1SxkJL6IUHczQSmf5LWPGd4m4JLWdfPyw+GwKIQjItvEIWwfCgE5kMhCqERgOXxDFEIjAAsjg1RCIwALI4NUQiMACyODVEIjAAsjg1RCIwALM50DVlL+UP43rbfdcRatq+phFTgVUJ7HbGWLWP69yFnCS3AiLUMQUMb8sSIaUfWAay951NrGSLqHsOE3B030S24alaGGISQ84P2QokYS717R8lBCOk9kHu/146uY2zd/V0U9Kv7DhNyd94/ce4ce/f+Xc6WMlRI9sPOsJ9CYJYUohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicHenQ+dFk68qDAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
difference(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="990066" data-src="holder.js/100x40/#990066:#ffffff/text:990066" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABLUlEQVRoQ+2ZbQqDMBAF9bL2TPayFgspafAjItkMOP0nQvZ1xrcVOs7DtAx+MARGhWBcfIMohOVDITAfClEIjQAsj78hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDF6daQaZn/ULzH1++6xb318PzcfN7ZvUhnXYQkMAlKft3iXg58nXllRqSMbv+HXAHSQlYOucwSLaCc170h5RrZErCGvvpk752TAJTtzMGU6yxSUhch5c6uhXS3WVtijx6ISBFpVjchtWujxcqqPfMxQmqBHDXizg917fzHCDl7zax9PU0rKIFr9bocKQaxsiK/MH2WQmCGFKIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYnA8oLjPoN668vwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
difference(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="663399" data-src="holder.js/100x40/#663399:#ffffff/text:663399" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABNklEQVRoQ+2ZUQ6CMBQE5Ux6JjwTnsk7aTDB1EZqbUo7yvBFeLTZ7rCvTRjG43Q7eGEcGASCYfEQIhAWD4HAeAhEIDQHYHrcQwQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHK6JmS6jk87zqfLizVrtfD5PCAct0WtNa9uQBbzZkPD+9mAtVrue6k5vqm1htHtf0hsbLjwVC02KHeeUpC7AxIueGk9cduJ21L4hefW3iVuGZuq7RJI3LLivSM3BZ/SkwKd8xG0gtNlD6nVQmrBKm2ZW0D6KSClIEsOEFuYnTNnFyDxPtDi+FpyxM4xsPY73YDUXsi/zCcQGEmBCATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhAYA7A5JgQgcAcgMkxIQKBOQCTcwegBCPgN6zjQwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
difference(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="3366cc" data-src="holder.js/100x40/#3366cc:#ffffff/text:3366cc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABNUlEQVRoQ+2Z4Q2CMBgFZSacSWdyJ5xJgwmmfilFMGmv5vxHSvFx52ubOIyX6XHygyEwKATj4hVEISwfCoH5UIhCaARgedxDFAIjAItjQxQCIwCLY0MUAiMAi2NDFAIjAItjQxQCIwCL06wh0238QHG+3t/XpbH5pnQ8nbc1BmOfjdNEyAJ0gZlel8ZS4PPcPc/pQQbm/5AINoVXkrV2Xy/wczmbNGQJsnfpiUvZ/JzYsvQlS8tZOjcudXGspuCmQqKYCHBtiVqA5dqTG+tpqetSyK97T/zFl5bMmu1otofs2Yy/3fD/5TDQrCFHj71H520diUv7Wc2WNBNS8yV7+i6FwGwpRCEwArA4NkQhMAKwODZEITACsDg2RCEwArA4NkQhMAKwODZEITACsDg2RCEwArA4T/1HDdjeuNNcAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
difference(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="0099ff" data-src="holder.js/100x40/#0099ff:#ffffff/text:0099ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJUlEQVRoQ+2aUQqDMBAFzWV7p/ayFoXQbdC0CTQZ6fglRNznG9+uimm5r+vihnEgCQTDYhciEBYPgcB4CEQgNAdgepwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQuQ6st1f99HjXUlsbpXpaQuLF75+dgzm/WNtq5PNuteL+p7VRMKZ9fm8xo9fEskZpemny0fEjQeRaUxIikHPUlwVS9vujJMVWWLbBb9dGp+RSQGLbiUbl+VMz3ZZVubV6W1ZL33eGNGS7F0jvgM/SaoP7r4f6UevpeexteY9whjQkxkPDy6r/ZbFuhylPWSwLWGoEwuLhf1kwHgIRCM0BmB5niEBgDsDkmBCBwByAyTEhAoE5AJNjQgQCcwAmx4TAgDwBCGn3wclJqvsAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
difference(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="006600" data-src="holder.js/100x40/#006600:#ffffff/text:006600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABG0lEQVRoQ+2aQQ7CIBQFy2X1TJ62hkYMsqC0Jp8hGXeGUp4zvGKiaXts++YLQyApBOPiCKIQlg+FwHwoRCE0ArA8niEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWZ1pD99fszTHqmL5reWL6oHq/n9cb+WS/S2RQhBU6BWb/vjdXA89zR+4xe194/UkRZaykhLdga2JWxKxsgWsqSQmpIbct6Y3caqZDP2dKDlyG1j6z2XBltwdkjUiEDQq7udM+Qk211F1D0vOh2HM2f9a+Tu19Do+dFS5kmJPqDrrKeQmCmFKIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYnDeO4ygAEHKZYAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
difference(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff9900" data-src="holder.js/100x40/#ff9900:#ffffff/text:ff9900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABO0lEQVRoQ+2YUQ7CIBAF28t6J71sTU1IkBTcVlqmyfhlskAfb3wLdV6e0zL5wTgwCwTD4iNEICweAoHxEIhAaA7A9HiGCATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhACgce2b//r/m72KrBjOwlZ2xCkuEriPz7urtaLYe0jsshnlHr5XRwHQ6QUnAJqITUgtarFjSx5zCBtJLZ0+ngWuOAlO0lbz+12lYbS/OitT3pCZrYc9g4IFstKN/ZVsvK5+Rj0zkSASmQxu+nZvovWGnJ6PzohSH63J6RKNa6V0KO3Mr+uQycaHxt6XFAjpwhZcva895y9Ep8MZRxQC7e6F0eJxAYKYEIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyTEhAoE5AJPzBseh98Fsr+SPAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
difference(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff66ff" data-src="holder.js/100x40/#ff66ff:#000000/text:ff66ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABb0lEQVRoQ+2abQ7CIBBE5bI9lJfF2IihG8rH0CnbZPxlpLus7wHbVEPcYnzp5YZAkBA3LvZCJMSXDwlx5kNCJMQbAWf1qIdIiDMCzsrRDpEQZwSclaMdIiHOCDgrRztEQpwRcFaOdoiEHAmEd/h/ELfjLwG1MZTj3fON1rl0hyQ4XxH5+/0x9E9Ubex73YjEnpyl+UahzlzvRoj9ElZQGp+BepbTLoAZoLOxjxIyC3Q2fhZ2T/wyIflZngpNx8/ZGBJjd1YOpTVfD8Crr1kmpHVMlFazbcil4yv1lVq87TutWq6GXsv3SCF2ZbduCkr9p7dn3SljXxgr/+QweqYjd2L5bhid724ZS4Wg/cDGlYDbnpQfSeohK5bZg+dcemQ9mButdAmhocUSSwjGjRYlITS0WGIJwbjRoiSEhhZLLCEYN1qUhNDQYoklBONGi5IQGlossYRg3GhREkJDiyWWEIwbLUpCaGixxBKCcaNFfQD65UewRrqFcwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

### exclusion

与对比度较低的差异效果类似。

参数：

- `color1`: 用作被减数的颜色对象。
- `color2`: 用作减数的颜色对象。

返回： `color`

示例：

```less
exclusion(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
exclusion(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="cc7033" data-src="holder.js/100x40/#cc7033:#ffffff/text:cc7033" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABHklEQVRoQ+2ZUQrCMBAF7ZnqwfQkXqyeSWmhsKRJKwmkUxy/pCHynMnbCA7TY/zcfGEIDArBuFiCKITlQyEwHwpRCI0ALI93iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcS7XkPE1bRC+n/flWbq2Pm9Z6+3rckIioFXADD6+jwJa1nrLuPT/IXsCUiEp2HRvSfLfCakdMTngR4LSsRXH2dFaTzGnjazacVM6/b8IWcHakMwRa4GS26uQxh73bEjthd/4Fau2nzayjuZ2vF9K837vHpg/35+9VWfCTZHAqQ1RxZaAQmCnQiEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEwIV/oxwloeEin3AAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
exclusion(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="997a66" data-src="holder.js/100x40/#997a66:#ffffff/text:997a66" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABX0lEQVRoQ+2Z0Q6CMAxF5WfxH/TZj8Cf1WAyMxsYK83dLnJ9I6Ndd07akThMt/F10Y+GwCAhNC4+hUgIlw8JIfMhIRLCRoCsHt0hEkJGgKwcdYiEkBEgK0cdIiFkBMjKUYdICBkBsnLUIRJCRoCsnG4dMj6mHxTP+/X77Fmbg/LYEt88r40prbV01kVIOnyCkj+X1iwY+26NjHlPz/4tZXT7P8QDZA36XhkRqS3kdO8QOyqWumVpLG2JymPsCKxdayHA7tFFyFxEBNKWDDuWPNI9nYcQ1k1IfpgShKW1mvdTfu+dcUohtZd4TSesid27xymF2JHl/QT1dEi6Lzyf0rWf0X87shAHO2pOijvkqPAQdUsIgmogp4QE4CFCJQRBNZBTQgLwEKESgqAayCkhAXiIUAlBUA3klJAAPESohCCoBnJKSAAeIlRCEFQDOSUkAA8RKiEIqoGcEhKAhwh9AxOrH/iqL0lAAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
exclusion(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="668599" data-src="holder.js/100x40/#668599:#ffffff/text:668599" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABN0lEQVRoQ+2WXQ6CMBAG5bJ4B9/1DnhZDSaY2gAuhnRHHZ+U/vAxw27t+vNwO/jBEOgUgnHxCKIQlg+FwHwoRCE0ArA8niEKgRGAxbFCFAIjAItjhSgERgAWxwpRCIwALI4VohAYAVic1AoZTv0Tx/FyfUGzNFZeHxdM6+rr02ZL4+X9lvbMcJUmZIIwgim/jxCWxqLzapBb1tVzW0tJEbL20FvG1qSWIBXy5rWaay9rrSfSXiJ7ltU4tbs5qWUr/KsKiUD5pLXVba/8XQKOvgQtpSBa1l7Q19rUHmMtxPyMkOg5EZ3XAv7cPVKEzLWQyDmx17roX+wMKWlCMh72G+6pEJglhSgERgAWxwpRCIwALI4VohAYAVgcK0QhMAKwOFaIQmAEYHGsEIXACMDiWCEKgRGAxbkD+RM5sHjMCq8AAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
exclusion(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="338fcc" data-src="holder.js/100x40/#338fcc:#ffffff/text:338fcc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABGElEQVRoQ+2XUQ6CMBAF5Ux4MG+iB8MzaTCpKSRWIC07hPHLhNg+Znhb6fr78Lr4wRDoFIJx8QmiEJYPhcB8KEQhNAKwPJ4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQppT2C49d9Nro9n+w0r7hDWkBzaeD85uK3XxnXSb8f18u8VmTVdKkTIHFQJ4tJridIRJeSGQ4TMH7ESRIU0LeR08dKs/3VtzTirOQr3wnKahixtWvTIO6WQNSNzr2akfUKERBzqNuTPo7XmLNj6l7h0hszfTyjvLiEN2XsMHGk/hcBsKUQhMAKwODZEITACsDg2RCEwArA4NkQhMAKwODZEITACsDg2RCEwArA4NkQhMAKwOG+RCRFApT8p9gAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
exclusion(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="0099ff" data-src="holder.js/100x40/#0099ff:#ffffff/text:0099ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJUlEQVRoQ+2aUQqDMBAFzWV7p/ayFoXQbdC0CTQZ6fglRNznG9+uimm5r+vihnEgCQTDYhciEBYPgcB4CEQgNAdgepwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQuQ6st1f99HjXUlsbpXpaQuLF75+dgzm/WNtq5PNuteL+p7VRMKZ9fm8xo9fEskZpemny0fEjQeRaUxIikHPUlwVS9vujJMVWWLbBb9dGp+RSQGLbiUbl+VMz3ZZVubV6W1ZL33eGNGS7F0jvgM/SaoP7r4f6UevpeexteY9whjQkxkPDy6r/ZbFuhylPWSwLWGoEwuLhf1kwHgIRCM0BmB5niEBgDsDkmBCBwByAyTEhAoE5AJNjQgQCcwAmx4TAgDwBCGn3wclJqvsAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
exclusion(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="006600" data-src="holder.js/100x40/#006600:#ffffff/text:006600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABG0lEQVRoQ+2aQQ7CIBQFy2X1TJ62hkYMsqC0Jp8hGXeGUp4zvGKiaXts++YLQyApBOPiCKIQlg+FwHwoRCE0ArA8niEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWZ1pD99fszTHqmL5reWL6oHq/n9cb+WS/S2RQhBU6BWb/vjdXA89zR+4xe194/UkRZaykhLdga2JWxKxsgWsqSQmpIbct6Y3caqZDP2dKDlyG1j6z2XBltwdkjUiEDQq7udM+Qk211F1D0vOh2HM2f9a+Tu19Do+dFS5kmJPqDrrKeQmCmFKIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYnDeO4ygAEHKZYAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
exclusion(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff9900" data-src="holder.js/100x40/#ff9900:#ffffff/text:ff9900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABO0lEQVRoQ+2YUQ7CIBAF28t6J71sTU1IkBTcVlqmyfhlskAfb3wLdV6e0zL5wTgwCwTD4iNEICweAoHxEIhAaA7A9HiGCATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhACgce2b//r/m72KrBjOwlZ2xCkuEriPz7urtaLYe0jsshnlHr5XRwHQ6QUnAJqITUgtarFjSx5zCBtJLZ0+ngWuOAlO0lbz+12lYbS/OitT3pCZrYc9g4IFstKN/ZVsvK5+Rj0zkSASmQxu+nZvovWGnJ6PzohSH63J6RKNa6V0KO3Mr+uQycaHxt6XFAjpwhZcva895y9Ep8MZRxQC7e6F0eJxAYKYEIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyTEhAoE5AJPzBseh98Fsr+SPAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
exclusion(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff66ff" data-src="holder.js/100x40/#ff66ff:#000000/text:ff66ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABb0lEQVRoQ+2abQ7CIBBE5bI9lJfF2IihG8rH0CnbZPxlpLus7wHbVEPcYnzp5YZAkBA3LvZCJMSXDwlx5kNCJMQbAWf1qIdIiDMCzsrRDpEQZwSclaMdIiHOCDgrRztEQpwRcFaOdoiEHAmEd/h/ELfjLwG1MZTj3fON1rl0hyQ4XxH5+/0x9E9Ubex73YjEnpyl+UahzlzvRoj9ElZQGp+BepbTLoAZoLOxjxIyC3Q2fhZ2T/wyIflZngpNx8/ZGBJjd1YOpTVfD8Crr1kmpHVMlFazbcil4yv1lVq87TutWq6GXsv3SCF2ZbduCkr9p7dn3SljXxgr/+QweqYjd2L5bhid724ZS4Wg/cDGlYDbnpQfSeohK5bZg+dcemQ9mButdAmhocUSSwjGjRYlITS0WGIJwbjRoiSEhhZLLCEYN1qUhNDQYoklBONGi5IQGlossYRg3GhREkJDiyWWEIwbLUpCaGixxBKCcaNFfQD65UewRrqFcwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

### average

按通道（RGB）计算两种颜色的平均值。

参数：

- `color1`: 颜色对象。
- `color2`: 颜色对象。

返回： `color`

示例：

```less
average(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="803300" data-src="holder.js/100x40/#803300:#ffffff/text:803300" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABCklEQVRoQ+2ZQQ6CMBQF6Zn0fur9vJMGk5rSSGMa+Z3GcWc+lMcMryxI19PyWPxhCCSFYFy8giiE5UMhMB8KUQiNACyP7xCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOIMa8jlvv0MczunNxrSLNrXECEZeJZQ/ifNomUM+x7SC70GVK9Tzn8h+W+ErDe6ty21ZGVA5bnlVlev+6mB5THr/JvrRYqZasuyIQc9Gm5Z+2CnakivyN7zDnoem8sOEdJ6h9Bm0VKGCYm+0VmupxCYKYUoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFucJ2CUlCPPF1+MAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
average(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="994d1a" data-src="holder.js/100x40/#994d1a:#ffffff/text:994d1a" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABVElEQVRoQ+2W0Q3CMAwF6RowE4zBTjAGOzEHKEhBUeQ4aZXKT3D8lbSpe9dnd7mdj68DPxkCC0JkXHwKQYiWD4SI+UAIQtQIiNXDDEGIGAGxckgIQsQIiJVDQhAiRkCsHBKCEDECYuWQEITsT+D6eH5vcr+c9r/hxDuEJaSElp6nBOet5WfP57SAW+u9ayZy3bxViJAaTHnsrdUyapElhdY+3jWbKU688G+EJGYkpPHmWInIb663VkLNW9cta6QVWm1OZe6EJMQCW7aSGqony5o96b81M8RrmRO70dBWYUK8ft9as0RZItcKGUneEM0JJ4UIGR3iXs/vJaC33pMe9bkcIqR+I7050Ov3vU/mut2Nzp6or7EwIRPS/ZNbIERMK0IQIkZArBwSghAxAmLlkBCEiBEQK4eEIESMgFg5JAQhYgTEyiEhCBEjIFYOCUGIGAGxct54FgQQs4dF5wAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
average(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="b36633" data-src="holder.js/100x40/#b36633:#ffffff/text:b36633" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABPUlEQVRoQ+2W0Q3CIBRF25l0DOfQmZxDx3AnDSaYhrQITSnHePrXQB+Xe7iPjrfz4Tn4YBwYBYJh8RYiEBYPgcB4CEQgNAdgerxDBAJzACbHhAgE5gBMjgkRCMwBmBwTIhCYAzA5JkQgw3C6Pj423C9HmCV95XRLSIQyB2QKLNiTzskBXRrL1fy23p6IcEBSULn30rHSecH43EHZAwwOSLrpqUElqSppgVvVaQGoO5C4qZK2lLaWaTvLjcU11rS6FqbnanYHEkCUntjU0Ln0REilNXOJ3BtGWO8ngcQ05dqZQCqP05KZay/gFt9VbmmT6d0TMneHrP1FbfHdJi5XFOkGpELjX00VCAy3QAQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyXkBg28h8O2aYP8AAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
average(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="cc804d" data-src="holder.js/100x40/#cc804d:#ffffff/text:cc804d" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABNUlEQVRoQ+2W4Q3CIBQG7UzOoSupKzmHzqTRiCGkQPsa02u8/muA9Osd78FwOx8eOx8MgUEhGBfvIAph+VAIzIdCFEIjAMvjGaIQGAFYHCtEITACsDhWiEJgBGBxrBCFwAjA4lghCoERyOLsT9fv2/1yXCXo5iokh/YiloNrjSW6aU4NeG/815Y2JaSElb+3xkoZpcgcskJmbDmFzIAVmRppP7U1vQrptbPeeOT/ImtWa1lT201k3gtEbd1YS2p9IwJ1yRqEkPIHan082rLK3Z++lw52hTR28JzdPbV6eoe2Qj6EWvf+2ljk3Bm7ZfWuzK2b2JKW1Fu7WsvqBfvXcYXAzCtEITACsDhWiEJgBGBxrBCFwAjA4lghCoERgMWxQhQCIwCLY4UoBEYAFscKUQiMACzOE1n1IfguDzhWAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
average(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="e69966" data-src="holder.js/100x40/#e69966:#ffffff/text:e69966" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABQklEQVRoQ+2WUQ6CMBQE5RheEM+EB9RjaDCpaV4oFEzaMYxfhNfYZYfdMjym8XXxh3FgEAiGxUeIQFg8BALjIRCB0ByA6fEMEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAycEm5DpOX6ue99v3Or8/36ydzWtL/7k1a8kMCSQZN5tdus5NjOvibM/afL+WINJeOCBrhsTZUVi50b0BROhdgSxVSKykvJaWAKR5zSx/+FR1a/udKiFbtbRkdOz6ZNiWuRF8Dbz8bGoJpltCSm/mWi1FY2rr7WjVtQTR/QwpmVlrXu26Xw74UwFZqp9S9ZQ+bWOt1H7W7v1cbgmmW2W1fMh/2ksgMFoCEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyTEhAoE5AJNjQgQCcwAm5w2HnznYPLnEdQAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
average(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ffb380" data-src="holder.js/100x40/#ffb380:#000000/text:ffb380" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABMUlEQVRoQ+2YbQ6DIBQE6wF7J+/kAW00saWkIjyaOLXjL8KHWXZcHnGYp3G++WAcGASCYbEKEQiLh0BgPAQiEJoDMD3WEIHAHIDJMSECgTkAk2NCBAJzACbHhAgE5gBMjgkRyLsDw318dszTq73++czGSnNhvoblnJqQzeAFRNpOYeRj+bx05ymwpT8FHB0LOxtciAGS698zvrY/Ajv/EIKedi27DJAS0Nr0/TWQ/AhJj5iWsaO6s4HaO7JKsLo+9eDin05ITT1pqU9/nZCjzdfUCoEEY7i3rNbQTzepo9uXRb0RVkudKNWXb1xtS1fixm11Tz+1hnSrv+ALBAKDKhCBwByAyTEhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHIezChO4P8bEKoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
average(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="ff3300" data-src="holder.js/100x40/#ff3300:#ffffff/text:ff3300" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJklEQVRoQ+2YUQqDMBAF9Uzt/U/QO1lSENKgabqJOOL0q7CJvMzwYum8PKZl8oMhMCsE4+ITRCEsHwqB+VCIQmgEYHl8hygERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YopCDwyv79f87fw9oMBnJUnHMbsgJPIvLv6XR7s1xSWpdLPGI2inTjczhCysCloFJSTdqoWSPEkcuuJaRF2rom0r4t6SNpNzzrPCHl9ZJfP7VZDq28svZmrdfhrYX8OvzWlWVDGjrWs6QGXSE9ZIN7/xUSvXqi+4LH6tl2vXfIET9ta8/soRvYe56QQNg7bFEIzLJCFAIjAItjQxQCIwCLY0MUAiMAi2NDFAIjAItjQxQCIwCLY0MUAiMAi2NDFAIjAIvzBmS/39Hh6apXAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
average(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="80b300" data-src="holder.js/100x40/#80b300:#ffffff/text:80b300" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABLUlEQVRoQ+2ZWw6CMBQFYX/uSV2T7k+DobFpoC8Rxjj+GaA9zniuTRwvt+Ex+MIQGBWCcfEKohCWD4XAfChEITQCsDz+higERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YopJ/A+fT+p+B6H/sXAj95WENiuBOfGHDNtSUhNc8FF7X77e3uECEBXIASv89dm+Ck1wOw3jVL+ylkHktLsnJCUnC1khUyk1sbLyVAubEUC4vHYG979m7HtN9Pj6y18ZU2SSGFr9YngHKjKN7WkdXQ728I6V2zNCIbPtYmtx4ystJZ33PsbT2+9h6JN6HcsMhhQhoy/tWtCoHpVohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcZ5qZz8I0KripwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
average(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="803380" data-src="holder.js/100x40/#803380:#ffffff/text:803380" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABBklEQVRoQ+2ZQQqDMBQF65na+6n3650qLaSkAYMEzZ/QcSfB+JzxfRdOy3153TwwBCaFYFx8giiE5UMhMB8KUQiNACyP3xCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOKENWR+zj8o1sf6PSet9fYVIiQBTxLyc9Jabxlh/0NaoZeAyn3y9TMk/42Q94PujaWarAQovzYfdeW+R8bgkfv1FDPUyLIhF70ajqx9sEM1pFVk63UXvY/VbUOE1L4htLXeUsKE9H7QUe6nEJgphSgERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWZwO5FDYIne50xQAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

### negation

与差异效果相反。

结果是颜色更亮。注意：相反效果并不是指加法操作产生的反效果。

参数：

- `color1`: 用作被减数的颜色对象。
- `color2`: 用作减数的颜色对象。

返回： `color`

示例：

```less
negation(#ff6600, #000000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="000000" data-src="holder.js/100x40/#000000:#ffffff/text:000000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA4ElEQVRoQ+2ZSwqAMBDFOvc/dMVPRUG7nIkYd9KFz4Q3LTRaa735YAiEQjAutiAKYflQCMyHQhRCIwDL4x6iEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVicsob0fr+GiVij7A9pLdtXiZABfEi4vpPWsmWU3YeQoM+yKCTiHFeE9ihEITUXVI6s9+65qR+nvacR+ZuRRTvazo7Z2VJKGpL9k1/6nkJgthSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwF0nckELFNnYMAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
negation(#ff6600, #333333);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="333333" data-src="holder.js/100x40/#333333:#ffffff/text:333333" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/ElEQVRoQ+3ZMQ7CMBBEUXIm+/4n8J1AQTJatnC5+0GfLnKRYZ4mQeIaYzwffjANXIJgLN5BBGF5CALzEEQQWgOwPL5DBIE1AIvjQgSBNQCL40IEgTUAi+NCBIE1AIvjQgSBNQCL07aQtdZXFXPOzzXprNqrBWQXvhHiNemsGgPzf0hGiEWQziqAWhayv1h8NMVH1n1OOquA2PdoBckwGSXCEM4qYARJLZ8ekX8LQnpxn7JUAOR7tC2E9NP2lKUapQ2k+ov+yv0EgUkJIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVgcFyIIrAFYHBciCKwBWBwXIgisAVicF/vg8+kTGUjwAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="cc9933" data-src="holder.js/100x40/#cc9933:#ffffff/text:cc9933" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABKElEQVRoQ+2ZUQ6CMBAF5Ux4Ju+kZ8IzaTDB1AZRimyncfwjG+lzJm8hsRvO/e3gB0OgUwjGxSOIQlg+FALzoRCF0AjA8vgMUQiMACyODVEIjAAsjg1RCIwALI4NUQiMACyODVEIjAAsTnMN6U/DC8Lr5fi83mMW7aspIRPwSUJ6vccsWkZz/4eUQs/B5vdJ50uzCEFVG7J2xcw1YoQ0NmZpNoFMz0tX3ThfmkWImM6oJmTrukkh5StsbvZtC/62Ib9YG6X3KP1eRFOaasjWVq19GYgQkJ9RTcinvf1up5c+B9Y+r2rIaO4tqxakyHOrNiTyh7ZylkJgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBsCE3IHPK0V0CjO6TUAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
negation(#ff6600, #666666);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="666666" data-src="holder.js/100x40/#666666:#ffffff/text:666666" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA+ElEQVRoQ+2ZUQoCMQwF3cu2Z+pplQpdssXvZKTjlxDE1xlfs+DVWnu/fGEIXArBuPgGUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcUobMsa4cfTeH2hIs0xnZUIW8Ckivp+HJ80yZZT9H7ILiIcmzbJllAuJB15XVryq1rxqdqSQ/crad8ev62uCyvjccUL2Xz5tnygEtuCPERKfpPY9QZtlSyl77M0+6L98n0JgphSiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWJwPGtsv4Mt7CNoAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="99cc66" data-src="holder.js/100x40/#99cc66:#ffffff/text:99cc66" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABO0lEQVRoQ+2W2w3CMBAESU30FGoKNUFNoCAFGZNYfnzcSBn+gnP2esd7zrQ85tfFH8aBSSAYFh8hAmHxEAiMh0AEQnMApsc7RCAwB2ByTIhAYA7A5JgQgcAcgMkxIQKBOQCTY0IEAnMAJicsIfN1+bHi/rx9n0tjI/6l86brrXOWxkbWbK0NAbJtfjMlfS6NtW4ufb92jXz9kTV7ak8BpGRyNIAcWjiQvFXsneRVdG1L22t3+X/pfKWxnhM+WhMCJO/Z2ybyFpZurrW9lcDWjo2a21MfBuSov+ebaLlTjtpPxJ3VA2OtCQEycsH21Aqk4niMfIL21EZ8ZlfY8PdKSEJ6hJ6lRiAw0gIRCMwBmBwTIhCYAzA5JkQgMAdgckyIQGAOwOSYEIHAHIDJMSECgTkAk2NCBAJzACbnDWMYKcg28UGcAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
negation(#ff6600, #999999);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="999999" data-src="holder.js/100x40/#999999:#ffffff/text:999999" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA/UlEQVRoQ+2ZQQqEMBAE9bP5U/JZJQuRGMTjTC3W3mQOdqrojLB7rfXY/GEI7ArBuPgFUQjLh0JgPhSiEBoBWB53iEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcdIaUkq5oWitXc+kWbSvFCED+JAwP5Nm0TLS/g8hQX/L8kkh8/XUG/PUlg4mY/YZIf2g654Y0GmzaCkpO2Q95HptzHPSLEJOihDqEn+THyEjbamv19L8yUubRYkY70lpSPQh/+l9CoHZUohCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcWyIQmAEYHFsiEJgBGBxbIhCYARgcU6LKUfI0O13JwAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="66ff99" data-src="holder.js/100x40/#66ff99:#ffffff/text:66ff99" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABPklEQVRoQ+2ZbQ6CMBAF4bJ4JrwsBpOa2pSvAu0Yx18ma7uvb3hbEvthGqfOD8aBXiAYFm8hAmHxEAiMh0AEQnMApsc7RCAwB2ByTIhAYA7A5JgQgcAcgMkxIQKBOQCTY0IEco0DYzd8Nnp0z69N12rXdL9vl6YJKTU1rJtBxN9nm5Zqca/5dzHEtdp91ud3bgakxNRwhBRCfLRcbS+0FGhtGM3+DzlqaGrM0fUC2Xi00hERj5C1WvwExy3C+Flam0tj6LlW+7uE7DFlzwjaGlmlIP8OSPpkb13SpXfI2ZFXE0yTS/3sTD9zhxzpXRNE6NUESG6E7H0NLb1/Sl+xa0NpBqT2QX+ln0BgpAQiEJgDMDkmRCAwB2ByTIhAYA7A5JgQgcAcgMkxIQKBOQCTY0IEAnMAJseECATmAEzOC9IG/7FKHMYtAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
negation(#ff6600, #cccccc);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="cccccc" data-src="holder.js/100x40/#cccccc:#000000/text:cccccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA3klEQVRoQ+2ZwQ2AIBAEpSf6r+B60mCioAXcjXF8Ye7hMpOFhy0i9s0HQ6ApBOPiDKIQlg+FwHwoRCE0ArA83iEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQqBEYDFsSEKmQR67w8cEXG/k2aZzsoacgEfEtb12Dxplimj9BfuW8K6cdLsl0JsyNRedmStR9NYr/cHbZbZklIhmRv9yrcUAjOlEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDi2BCFwAjA4tgQhcAIwOLYEIXACMDiHDkDBbCsUWBKAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="33cccc" data-src="holder.js/100x40/#33cccc:#ffffff/text:33cccc" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2VWw7DIAwEmzOl9z8BOVMrKlFRPqLwkDypJn+RAS07rL3tKb0efhgHNoFgWHyECITFQyAwHgIRCM0BmB5niEBgDsDkmBCBwByAyTEhAoE5AJNjQgQCcwAmx4QIBOYATE5YQtK+/1jxPI7v/1kN5t9yOSFAiuEFQv1/Vlt+e+CBIUBaH1oIdf2sBvRzWlIokLo11S0r3+pqLa+92u7u0CZDgZTn1JOQq+1ttC1GJ/LWQFa1vmgI9T1CgIy+3rqV5TY1ek7Pvumh0HlACJB2RvTMgZ75MjqX2n2dnk4tDwMypfqPNwsEBlcgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvAGtPP+5AqxvyQAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
negation(#ff6600, #ffffff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ffffff" data-src="holder.js/100x40/#ffffff:#000000/text:ffffff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAAA9klEQVRoQ+2ZMQ6DMBAEc/9/tKOgGDkuSLc3iKFCuGA9o/VJUGOM8fLCECiFYFwcQRTC8qEQmA+FKIRGAJbHGaIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuikF8CVXU+2P8EkNZS3lobMoF/RKz3x2foryjCWkpG++f3XcK6cdKaQraG7EDSsh4hZJ0Pc8NzhpDWkjI8shbaV61LSsEM9e5jSSGwOfF4IaQ5cZUleVy1z5D0Zu/wvtYZcgdA6YwKSRP/8z6FKARGABbHhigERgAWx4YoBEYAFseGKARGABbHhigERgAWx4YoBEYAFseGwIS8AZ/9U5gVOA8LAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="0099ff" data-src="holder.js/100x40/#0099ff:#ffffff/text:0099ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJUlEQVRoQ+2aUQqDMBAFzWV7p/ayFoXQbdC0CTQZ6fglRNznG9+uimm5r+vihnEgCQTDYhciEBYPgcB4CEQgNAdgepwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQuQ6st1f99HjXUlsbpXpaQuLF75+dgzm/WNtq5PNuteL+p7VRMKZ9fm8xo9fEskZpemny0fEjQeRaUxIikHPUlwVS9vujJMVWWLbBb9dGp+RSQGLbiUbl+VMz3ZZVubV6W1ZL33eGNGS7F0jvgM/SaoP7r4f6UevpeexteY9whjQkxkPDy6r/ZbFuhylPWSwLWGoEwuLhf1kwHgIRCM0BmB5niEBgDsDkmBCBwByAyTEhAoE5AJNjQgQCcwAmx4TAgDwBCGn3wclJqvsAAAAASUVORK5CYII=" style="width: 100px; height: 40px;">

```less
negation(#ff6600, #ff0000);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="ff0000" data-src="holder.js/100x40/#ff0000:#ffffff/text:ff0000" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABDklEQVRoQ+2aUQqDMBAFk/sfOkVB2KY1LjUlUzr9KqzKc6YvKWJtpbTiB0OgKgTjYg+iEJYPhcB8KEQhNAKwPO4hCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWxIQrpCLTw9L/W5+FoBgM5K87ahhzANxHx+3Z3Z7MoaX9eHSR+YzaLdPI6HCF94F5QL2kkbdYsCXHmYQoZNXMm6eS11gnpl5e4/JzNssuaDUnqzyxLxzEuWR9CvXPaO+gKWfjWiUJefs6/tYfEveG4Ff/23lmjPPeKwLqGXCX707lCYOIVohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbAhPyAAV859kVMk7EAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;"> <img alt="006600" data-src="holder.js/100x40/#006600:#ffffff/text:006600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABG0lEQVRoQ+2aQQ7CIBQFy2X1TJ62hkYMsqC0Jp8hGXeGUp4zvGKiaXts++YLQyApBOPiCKIQlg+FwHwoRCE0ArA8niEKgRGAxbEhCoERgMWxIQqBEYDFsSEKgRGAxbEhCoERgMWZ1pD99fszTHqmL5reWL6oHq/n9cb+WS/S2RQhBU6BWb/vjdXA89zR+4xe194/UkRZaykhLdga2JWxKxsgWsqSQmpIbct6Y3caqZDP2dKDlyG1j6z2XBltwdkjUiEDQq7udM+Qk211F1D0vOh2HM2f9a+Tu19Do+dFS5kmJPqDrrKeQmCmFKIQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYHBuiEBgBWBwbohAYAVgcG6IQGAFYnDeO4ygAEHKZYAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">

```less
negation(#ff6600, #00ff00);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="00ff00" data-src="holder.js/100x40/#00ff00:#ffffff/text:00ff00" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABJElEQVRoQ+2a0Q6DIBAE4f8/2karCUVLwNM6TaZPTSiw7LAcCc1pSlPyg3EgCwTDYhEiEBYPgcB4CEQgNAdgeqwhAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyKQaxwoXw1yyh+Dttqumf2+UR5LSP0MU5raaput2NrnPuX3Vltkvvvs34/8CJBeE2uDN/l1/3JZR23R+QSyPNS8j6EegwUS3DKRHXv04lzDK+WNHGvfNkBwuUPdPbLWvxS0EjnkaPDHAhHIvi703pos6sH4tbqfvYaeqSFlbdg0jVyzb7RhN/QjR9YvF/hvcwkERkwgAoE5AJNjQgQCcwAmx4QIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkvACp0efZWh7ZWAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff9900" data-src="holder.js/100x40/#ff9900:#ffffff/text:ff9900" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABO0lEQVRoQ+2YUQ7CIBAF28t6J71sTU1IkBTcVlqmyfhlskAfb3wLdV6e0zL5wTgwCwTD4iNEICweAoHxEIhAaA7A9HiGCATmAEyOCREIzAGYHBMiEJgDMDkmRCAwB2ByTIhACgce2b//r/m72KrBjOwlZ2xCkuEriPz7urtaLYe0jsshnlHr5XRwHQ6QUnAJqITUgtarFjSx5zCBtJLZ0+ngWuOAlO0lbz+12lYbS/OitT3pCZrYc9g4IFstKN/ZVsvK5+Rj0zkSASmQxu+nZvovWGnJ6PzohSH63J6RKNa6V0KO3Mr+uQycaHxt6XFAjpwhZcva895y9Ep8MZRxQC7e6F0eJxAYKYEIBOYATI4JEQjMAZgcEyIQmAMwOSZEIDAHYHJMiEBgDsDkmBCBwByAyTEhAoE5AJPzBseh98Fsr+SPAAAAAElFTkSuQmCC" style="width: 100px; height: 40px;">

```less
negation(#ff6600, #0000ff);
```
<img alt="ff6600" data-src="holder.js/100x40/#ff6600:#ffffff/text:ff6600" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABT0lEQVRoQ+2Y4Q6CMAwG4WX1mXxaDMYlswFaNtJ9hvOXSTdb7taVOC+PaZn4yBCYESLj4lMIQrR8IETMB0IQokZArB5mCELECIiVQ4cgRIyAWDl0CELECIiVQ4cgRIyAWDl0CEIMgVf17/9z/g0excRAXlXO2A4pwFcR9ff16SKxdV1UYi3X7juKXUU6+Ds6QmzBVlCJR0RZwS2yregg0N5l/yVkT5LtKE9uVGov3Yb944TYa6K+RvZiLXu2ZCFk56icPfF2yG+BLWKj0I+us4YT3rtlXIecvWZ6TjozJHhOWjukDNwruoAO+crqnQfFef021Ppqy2tvsINuuGzsDLkhcO+REeIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4lw4hHqHkOEKSgXvpEOIRSo4jJBm4l+4Nc33vyZW0WHgAAAAASUVORK5CYII=" style="width: 100px; height: 40px;"> <img alt="0000ff" data-src="holder.js/100x40/#0000ff:#ffffff/text:0000ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABIUlEQVRoQ+2Z0QrCMBAEm///6EoLlRhqxIVNlmZ8EuJdzhkv19qybfu+8YohUBAS4+IsBCFZPhAS5gMhCEkjEFYPMwQhYQTCyqFDEBJGIKwcOgQhYQTCyqFDEBJGIKwcOgQhcwnUDxtK+ayltzaq6mkd0j6FqeE41g6gV95jr/r9r7VRMqb9/f4PDBViu0cLvYV89/mRIq69pnQIQr6rXkbI3YPq65jsrY3ukmWEcGR1flocWRxZJ4He4F56qNdw3lcX1T2B47KXGTJ6Gj5kvylD/SHsLF8DIRaselKE6OwskQixYNWTIkRnZ4lEiAWrnhQhOjtLJEIsWPWkCNHZWSIRYsGqJ0WIzs4SiRALVj0pQnR2lkiEWLDqSRGis7NEvgBONefZ3sAyLAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;"> <img alt="ff66ff" data-src="holder.js/100x40/#ff66ff:#ffffff/text:ff66ff" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAoCAYAAAAIeF9DAAABSElEQVRoQ+2W2wrDIBBEm59tv6lfm2JBWBYTb8Ed4fQpxds4x3E9zvd5vvjJOHAARIbFXwhAtHgARIwHQACi5oCYHmoIQMQcEJNDQgAi5oCYHBICEDEHxOSQEICIOSAmh4QAxDnwNf8/HW2jRq5er1NnbEKyOQmE/U6baGlL/XogtsxZ0tJp6kx3HSB+Fx5Qbp8x9WpOfwBmHJ0cuxeQWUNnx0+a3TI8Doi9y7PSfP1ctY2M8cmyrtTWa3Hw4T5xQGrXROk0+4Jcur5yXbkb7+tOTcvDpt9NtycQf7Jrj4JS/WmtWQthpKUA0gJrIZQ4IKP1wI+z109Pm30y32lZCCM+IYs3u8NycQnZwZ0AjQAJMF33lSVmhoIcEqJAwWgACEDEHBCTQ0IAIuaAmBwSAhAxB8TkkBCAiDkgJoeEAETMATE5JEQMyA9a/MehCP4kwAAAAABJRU5ErkJggg==" style="width: 100px; height: 40px;">