The percentage in color stops in css gradients

The percentages indicate where the gradient's colors are pure. The center of the gradient is in the upper right corner of the background (0% indicates the starting point for the gradient). The color there is #ffa949. Imagine a diagonal line extending from the upper right corner (the center of the gradient 0%) to the bottom left corner which is 100%. The color stops placed along this line indicate where the pure color exists. In this case you have a firebrick red stop placed at 60% of the distance from the upper right corner (0%) and the bottom left corner (100%). The color (at the 60% mark) is a pure firebrick red. The colors between 0% and 60% are some combination of #ffa949 and firebrick red. The next stop continuing down is dodgerblue. However, the pure dodgerblue is placed outside the background at 120% along the horizontal which started in the upper right corner. You can't see the pure dodgerblue because it's outside the visible area of the background. Thus, the only colors you see in the lower left of the background are a mixture of firebrick red and dodgerblue. Hope this helps.

you can only see your gradient until 100%, If you write 120% that color will be out of your box and you will only visually see the transition towards that color that is out of vision.