Blue gradient background

Ui gradient

  background: #000428; /* fallback for old browsers */
  background: -webkit-linear-gradient(to bottom, #000428, #004e92); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #000428, #004e92); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Source: uigradients.com

Uigradients

  background: #0f2027; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #0f2027, #203a43, #2c5364); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0f2027, #203a43, #2c5364); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Source: uigradients.com

Blue gradient background

background: rgb(13,20,54);
background: linear-gradient(180deg, rgba(13,20,54,1) 0%, rgba(40,57,119,1) 30%, rgba(63,69,125,1) 50%, rgba(40,57,119,1) 70%, rgba(20,36,93,1) 100%);

<!-- @Zenonymous -->

Blue gradient

background: #1a2980; /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #1a2980, #26d0ce); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #1a2980, #26d0ce); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

Source: uigradients.com

Similar codes

3 votes199 views2 answers
How to make hover effect none in css
CSS
33 votes209 views2 answers
Gradient text colors
CSS
0 vote196 views1 answer
Border-radius cross browser
CSS
0 vote219 views2 answers
Materialize css
CSS Materialize
86 votes180 views6 answers
Css all caps
CSS
1 vote215 views3 answers
Rainbow text css
CSS
0 vote196 views1 answer
How to target input type with css
CSS
19 votes161 views6 answers
Css font
CSS
1 vote215 views1 answer
How to include a new font website
CSS
0 vote211 views1 answer
Position an icon in relation a parent element
CSS