Why am I not getting the fade effect in the linear-gradient by default?

Question

Here is the link to my code- https://codepen.io/DeepChatterjee95/pen/rQNbyg

I am getting a sharp edge between two colors in the linear gradient property. What I wanted was a fade front one color to another like its supposed to be as default. I am using background: linear-gradient( 90deg, rgb(235,236,237) 90% , rgb(209,213,214) 20%);
I have tried with hex colors before.
Please refer to my link and tell me what I am doing wrong.

Answer 1

Happy to help. 😁

Answer 2

Maybe this will help:

https://code.sololearn.com/WKVrcY8h79Ou/?ref=app

Answer 3

Janning⭐ IT WORKED!!! It was spot on! Thank you so much.

Answer 4

Here’s a full tutorial on CSS Graidents including how to use the linear-gradient property: https://youtu.be/TYHFe4L9bfo