gradient · sample · Haiku 4.5 · trial 038 of 100

What the model said

Here's a simple CSS gradient example:

```css
background: linear-gradient(to right, #ff6b6b, #4ecdc4);
```

Or a more complex example with multiple colors and an angle:

```css
background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
```

A radial gradient example:

```css
background: radial-gradient(circle, #ff6b6b, #ffd93d);
```

Here's a complete HTML example you can use:

```html
<div style="
  width: 300px;
  height: 200px;
  background: linear-gradient(90deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
  border-radius: 8px;
"></div>
```

The `linear-gradient()` function takes a direction (like `to right`, `135deg`) followed by color stops. You can add as many colors as you want at different percentages.