Less color blending functions are similar operations used in image editors like Photoshop, Fireworks or GIMP, which are used to match your CSS colors to your images.
Index |
Functions |
Description |
1) |
multiply |
It is used to multiply two colors to get a resultant color. |
2) |
screen |
It is used to mix two colors to get a brighter color. It works opposite of multiply function. |
3) |
overlay |
It is used to combine the effect of multiply and screen and generate result. |
4) |
softlight |
It is similar to overlay but it uses only a part of the color, which makes the other color soft-highlighted. |
5) |
hardlight |
It is also similar to overlay but it reserves the role of the colors. |
6) |
difference |
It is used to subtract the second input color from the first input color. |
7) |
exclusion |
It is similar to difference function but with lower contrast. |
8) |
average |
It is used to compute the average of two input colors on a per-channel (rgb) basis. |
9) |
negation |
It is simply opposite to difference function and subtracts first color from second color. |