COLORS AND GRADIENTS

Colors

In css, we have few different ways to define colors. we can use Named colors, RGB ,HSL, Hexadecimal values

.box {
width: 200px;
height: 200px;
color:red; // named color
background-color: rgb(145, 92, 191); //rgb
color: #915cbf; //hexadecimal
background-color: hsl(272, 44%, 55%); //hsl
}

For more color reference in google search for a color picker.

Gradients

With gradients we can create beautiful transitions between two or more colors

Example :

.box {
width: 200px;
height: 200px;
background: linear-gradient(dodgerblue, yellow);
}
.box2 {
width: 200px;
height: 200px;
background: radial-gradient(white, yellow);
}
linear-gradient

For more gradient color https://cssgradient.io refer this website