Check out example codes for "css linear gradient". It will help you in understanding the concepts better.

Code Example 1

.element {
    background: linear-gradient(90deg, pink 50%, cyan 50%);
}

Code Example 2

background: linear-gradient(to left, red, blue);

Code Example 3

#grad {
  background-image: linear-gradient(to right, #f1b1b1 , #82e6e8);

}

Code Example 4

#gradient {
  background-image: linear-gradient(180deg, black, red);
}
/* can be applied in many places, as your <body> background or a <div> etc */

Code Example 5

div {
    background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);
}

Code Example 6

.element {
    background: linear-gradient(pink 50%, cyan 50%);
}

Learn ReactJs, React Native from akashmittal.com