I have this site Site Link where I use gradients on the background. When you for example switch between site "Leistungen" & "Referenzen" you will see that the background darkness from the gradients on the top is getting darker or brighter (when switching between the two pages) because of the different heights of the two pages. Now my question is how I can use such gradients in photoshop to have the same look on different heights because actually the gradient is stretching when having smaller or bigger heights?
What you would normally do in web is use a 'partial' gradient with a fixed height, and then a background color taken from the last line of your gradient:
The HTML for it would be (as Joonas mentions in his comment) something like:
If you have more than one gradient, you probably need more than one image. You can use the gradient in any direction, so as long as you position the gradients (using position absolute, probably) you can create more 'levels' inside the page:
You should create it using css.
Then have a repeating