gradient · sample · Haiku 4.5 · trial 098 of 100

What the model said

Here's a simple CSS gradient:

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

This creates a diagonal gradient from purple-blue to purple. Here are a few variations:

**Linear gradient (top to bottom):**
```css
background: linear-gradient(to bottom, #ff0000, #0000ff);
```

**Radial gradient (circular):**
```css
background: radial-gradient(circle, #ffffff 0%, #000000 100%);
```

**Multiple color stops:**
```css
background: linear-gradient(90deg, #ff0000 0%, #ffff00 50%, #00ff00 100%);
```

**Repeating gradient:**
```css
background: repeating-linear-gradient(45deg, #606dbc, #606dbc 10px, #465298 10px, #465298 20px);
```

Let me know if you'd like a gradient for a specific use case!