# Linear gradient

A background that fades between colors along a line.

## What is a **linear gradient**?

A **linear gradient** is a background that fades from one color to another along a straight line.

```css
.banner { background: linear-gradient(to right, #ff7e5f, #feb47b); }
```

Level: Apprentice · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/apprentice)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/linear-gradient