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

2 votes350 views1 answer
Set table cellpadding and cellspacing in CSS
CSS
2 votes338 views6 answers
Neumorphism
CSS
43 votes338 views6 answers
Blur background css
CSS
60 votes366 views4 answers
Hide scroll bar for a dive
CSS
0 vote319 views1 answer
Laravel asset css not found
CSS
54 votes286 views6 answers
Background color css
CSS
-6 votes465 views7 answers
Css flex
CSS
16 votes382 views4 answers
How to make image a circle css
CSS
37 votes338 views4 answers
Css hover pointer
CSS
2 votes390 views3 answers
Backdrop css
CSS