gradient · sample · Haiku 4.5 · trial 006 of 100

What the model said

Here's a simple CSS linear gradient:

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

Or a radial gradient:

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

Or a more complex multi-color gradient:

```css
background: linear-gradient(
  to right,
  #ff6b6b 0%,
  #ffd93d 25%,
  #6bcf7f 50%,
  #4d96ff 75%,
  #b19cd9 100%
);
```

The `linear-gradient()` function takes a direction (like `135deg` or `to right`) and color stops. `radial-gradient()` creates gradients radiating from a center point. You can customize the colors, angles, and positions to fit your design.