Linear-gradient issue

HTML-CSS
1

Hello, thank you for support and all lesson, there are incredible helpful. At this point I am making a website for my personal portfolio. However, I have issue with setting background linear gradient color, which I want to have inclined by 45%.

Here is web site: https://codepen.io/ssandr1kka/full/dyGjywe
Here is the code:

 background: rgb(16,10,92);
  background: -moz-linear-gradient(174deg, rgba(16,10,92,1) 0%, rgba(170,0,182,1) 61%, rgba(38,119,135,1) 100%);
  background: -webkit-linear-gradient(174deg, rgba(16,10,92,1) 0%, rgba(170,0,182,1) 61%, rgba(38,119,135,1) 100%);
  background: linear-gradient(174deg, rgba(16,10,92,1) 0%, rgba(170,0,182,1) 61%, rgba(38,119,135,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#100a5c",endColorstr="#267787",GradientType=1);

Here is the picture of my web:

image
image1231×505 123 KB

This is what I want it to look like:

image
image1325×216 21.2 KB

Thank you!

2

Just use this

https://www.w3schools.com/colors/colors_gradient.asp

They have an entire section so it can be easely achieve

3

Well I used this website (https://cssgradient.io/) When I do it with two colors, it is fine, there are no stripes/disruption in the background. However when I try to use 3 colors then I get the problem. The website you shared, I think does not generate three color…

4

You can add a new color by clicking on the bar

5

I can manipulate those two colors but I could not add the third one… and it still does not change the stripe problem… The gradient is not smooth…