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 votes303 views2 answers
How to put the input box and the label on top of input
CSS
8 votes312 views3 answers
Select first div css
CSS
0 vote321 views1 answer
React html height 100%
CSS
0 vote310 views1 answer
Css make ul on multiple lines
CSS
0 vote323 views1 answer
How to increase the area of a text are
CSS
32 votes314 views6 answers
Background image size css
CSS
3 votes349 views1 answer
Convert angular project from css to scss
CSS
0 vote321 views1 answer
Backface-visibility: hidden;
CSS
0 vote306 views1 answer
How to access a value defined in the application.properties file in Spring Boot
CSS
0 vote320 views1 answer
Understanding '~' sign in css selector
CSS