Section Gradient has imperfection

  • Scenario
    I have a section with background colour set to “#F4F4F4”.
    The following section has a background gradient “#F4F4F4” (POS:0) -> “#0F1726” (POS:100) type = linear / angle = 180.

    The Problem
    Section 2 has a thin line above the start of the gradient, I have validated that this is not just optical illusion but that this line is coming out slightly lighter than the input values. The line is showing values of rgb(243,243,243) which is “#F3F3F3”.
    Furthermore, although it is not clear at first glance the end point does the same thing, changing “#0F1726” to “#101827”.

    Things checked;

    • Both section’s borders are set to “none”.
    • Change “start location” of gradient. When increased this simply moves the line of imperfection down.
    • Presents the same in Chrome & Edge browsers.

    System Info
    Elementor version 2.9.14 (shows up-to-date)
    WP version 5.4.2

    Many thanks in advance.

  • The topic ‘Section Gradient has imperfection’ is closed to new replies.