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

0 vote156 views1 answer
Style input type range shaded part only
CSS
102 votes146 views6 answers
How to center an element in css
CSS
0 vote136 views1 answer
Truncate long line with dots
CSS
17 votes144 views5 answers
Sass react
CSS
0 vote137 views1 answer
Allfont cdn
CSS
2 votes154 views1 answer
Background gradient problem
CSS
0 vote136 views1 answer
How to use class form scss reactjs
CSS
2 votes151 views4 answers
Css image sharpen
CSS
1 vote135 views2 answers
Css change the button text value
CSS
1 vote157 views2 answers
Onclick url
CSS