Less Color Blending

Education is not limited to just classrooms. It can be gained anytime, anywhere... - Ravi Ranjan (M.Tech-NIT)

Less Color Blending Functions

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.

A list of color blending functions used in Less:

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.