Home/ Questions/Q 8747587
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T12:22:52+00:00

If I have a linear gradient defined in CSS and it appears on the

  • 0

If I have a linear gradient defined in CSS and it appears on the screen as a gradient, does the red value change at a constant rate. (i.e. is its derivative constant for the color red for the whole length of the gradient). The same question for color components of green and blue.

The gradient may be from any color to any other color. One color may be #FF4400 and the other is #5599FF, for example (just random colors). Does the red component change linearly?

I am referring to CSS3 linear gradients, one example is here: http://dev.opera.com/articles/view/css3-linear-gradients/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Yes, the rate of change in each color component value between two color-stops in a gradient is linear. From the spec:

    At each color-stop, the line is the color of the color-stop. Between two color-stops, the line’s color is linearly interpolated between the colors of the two color-stops, with the interpolation taking place in premultiplied RGBA space.

    §4.4. Gradient Color-Stops of the Image Values module contains details and examples, which I believe address your question in depth.

    Some browsers currently have trouble interpolating gradient color-stops correctly, though. See this question.

    • 0