gradient css background

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

}

.foo {
	background-image: linear-gradient(red, blue);
}

background: linear-gradient(to left, #333, #333 50%, #eee 100%);

.gradient {
	background-image: linear-gradient(angle, color1, color2) // angle: 90deg,  color1: red, color2:darkred
}

\\code for a basic gradient background
   #grad {
  background-image: linear-gradient(red, yellow);
}  

/* I know this has been answered by a lot of people */
/* But I just wanted to share this awesome color gradient with you*/
selector {
  background: linear-gradient(to bottom, rgba(255,0,100, 0.3), rgba(22,22,222, 0.9));
}
/* Paste this code in the css file */

/*From bottom to top*/
background: rgb(166,166,166);
background: linear-gradient(0deg, rgba(166,166,166,1) 0%, rgba(255,255,255,1) 29%);