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 vote356 views1 answer
How to make focus outline round in html
CSS
0 vote374 views1 answer
Css not hover div right hide
CSS
0 vote402 views1 answer
Can i do an onclick menu with css alone
CSS
0 vote378 views1 answer
How to hide some grid items from grid in css
CSS
1 vote344 views1 answer
Wp wpbakery bulder page alignment
CSS
0 vote394 views1 answer
Before css font awesome
CSS
6 votes369 views2 answers
Css grid full width row
CSS
1 vote426 views3 answers
Tag php
CSS
4 votes430 views3 answers
Css print
CSS
0 vote447 views1 answer
How to apply a transition to a child element when hovering over parent element
CSS