Javatpoint Logo
Javatpoint Logo

Less Color Blending difference()

The Less color blending difference function is used to subtract the second color from the first color on a channel by channel basis. Here, it must be cleared that negative values are inverted. Subtracting black color doesn't change in result while subtracting white color results in color inversion.


  • color1: It specifies a color object which act as minuend.
  • color2: It specifies a color object which act as subtrahend.

Returns: Resultant color.

Hardlight Function Example

Let's take an example to demonstrate the usage of color blending difference function in Less file.

Create a HTML file named "simple.html", having the following data.

HTML file: simple.html

Now create a file named "simple.less". It is similar to CSS file. The only one difference is that it is saved with ".less" extension.

LESS file: simple.less

Put the both file "simple.html" and "simple.less" inside the root folder of Node.js

Now, execute the following code: lessc simple.less simple.css

Less Color blending difference function1

This will compile the "simple.less" file. A CSS file named "simple.css" will be generated.

For example:

Less Color blending difference function2

The generated CSS "simple.css", has the following code:


Less Color blending difference function3

Youtube For Videos Join Our Youtube Channel: Join Now


Help Others, Please Share

facebook twitter pinterest

Learn Latest Tutorials


Trending Technologies

B.Tech / MCA