Happy to see gradients back and being used subtly by all sorts including big names such as sky. We've learnt from the early days where everything had a gradient and was over used to being part of a background or element with effects such as blurring to push it out of focus and be part of an overall design not the main focus.
straight yellow, red, blue, black
Trying to blur colour merge so no colour lines visible
Using backdrop-filter, transparency value, and adding another shade of blue
going down the rgba colour chart from red to pink
3 different linear gradients 70%
red, blue, orange
multiple linear gradients messing with angles, example:
linear-gradient( 295deg,rgba(154, 6, 234, 0.8), rgba(154, 6, 234, 0) 70%)
gradient 45deg background row
border visible just to show grid split
gradient 135deg background row
Four gradients red and blue leaving middle unfilled
Need the last linear gradient to be full 100% fill (white) else remaining space will be transparent and show parent background colour like shape_gradient1 & 2.
Visibilty set to 0.8 for top gradient while example3, to the left, is set to 1
1
Visibilty
2 areas with inner 100% width and height and outer has padding to make border and gradient as background
yuk!