gradient · sample · Haiku 4.5 · trial 093 of 100

What the model said

Here are some common CSS gradient examples:

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

**Linear gradient (top to bottom, multiple colors):**
```css
background: linear-gradient(to bottom, #ff6b6b, #ffd93d, #6bcf7f);
```

**Radial gradient (circular):**
```css
background: radial-gradient(circle, #ff0000, #0000ff);
```

**Diagonal gradient (45 degrees):**
```css
background: linear-gradient(45deg, #667eea, #764ba2);
```

**Conic gradient (rotating around center):**
```css
background: conic-gradient(red, yellow, lime, aqua, blue, magenta, red);
```

You can customize these by:
- Changing the direction: `to right`, `to bottom`, `45deg`, `135deg`, etc.
- Changing colors: use hex codes, rgb, hsl, or color names
- Adding color stops: `linear-gradient(to right, red 0%, blue 50%, green 100%)`

Which type of gradient do you need?