Un degradado de color en CSS se aplica utilizando la propiedad `background-image` y los métodos lineales y radiales.
Hay dos tipos de degradados que puedes utilizar: lineal (linear) y radial (radial).
El degradado lineal se define de la siguiente manera:
```css
element {
background-image: linear-gradient(direction, color-stop1, color-stop2, …);
}
```
Las paradas de color (color-stop) básicamente indican en qué punto de la transición entre los colores quieres que un color específico esté completamente visible.
Por ejemplo, un degradado lineal simple de rojo a azul se vería así:
```css
div {
background-image: linear-gradient(to right, red, blue);
}
```
Esto crea un degradado que va del rojo al azul de izquierda a derecha (dado el valor `to right`).
Por otro lado, un degradado radial se define de la siguiente manera:
```css
element {
background-image: radial-gradient(shape size at position, start-color, …, last-color);
}
```
Por ejemplo:
```css
div {
background-image: radial-gradient(circle, red, yellow, green);
}
```
Esto produce un degradado que comienza con rojo en el centro, que se desvanece en amarillo y luego en verde hacia el borde del elemento.
`circle` es el valor de la forma del degradado radial, también puede ser `ellipse` o no especificarse, en cuyo caso será elipse por defecto.
Puedes jugar con estas propiedades para conseguir el efecto de degradado que deseas.
