# Ivory blue brown bands

Seamless light blue and brown linear swatches with 34 colors: #ecfaf2, #e0f6ee, #cef1ee, #bce8f2, #addbf4, #a0ccf0, #8fbae6, #79a7d9, #6293c9, #4f81b8, #436fa5, #375d8e, #2d4d77, #293e62, #2a3454, #302c4a, #3a2840, #432735, #4b2c2d, #53342a, #623f2c, #764d30, #8d5d37, #a36e3f, #b5804b, #c6935c, #d7a772, #e5ba87, #efcc9b, #f4daac, #f3e7be, #f2f0d0, #f2f6df, #f4fae9. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Seamless light blue and brown linear swatches
- Seed: `kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ`
- Page: https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ?style=linearSwatches&steps=34
- Drawn as: linear swatches, 34 steps, 90 degrees
- Kinds: dark center, seamless
- Hues: complementary
- Contrast of its darkest and lightest colors: 12.7 to 1

## Colors

The name most people give each color, and the text color that reads on it with its contrast.

| Stop | Hex | OKLCH | Name | Text on it |
| --- | --- | --- | --- | --- |
| 1 | `#ecfaf2` | `oklch(97.24% 0.0179 158.91)` | Placebo Turquoise | black, 19.5 to 1 |
| 2 | `#e0f6ee` | `oklch(95.53% 0.0252 172.22)` | Frosty Mint | black, 18.6 to 1 |
| 3 | `#cef1ee` | `oklch(93.22% 0.0357 191.75)` | Icy Wind | black, 17.4 to 1 |
| 4 | `#bce8f2` | `oklch(90.30% 0.0476 213.10)` | First of July | black, 15.9 to 1 |
| 5 | `#addbf4` | `oklch(86.77% 0.0591 231.90)` | Endless Horizon | black, 14.2 to 1 |
| 6 | `#a0ccf0` | `oklch(82.57% 0.0687 243.92)` | Baby Blue Eyes | black, 12.3 to 1 |
| 7 | `#8fbae6` | `oklch(77.36% 0.0786 249.41)` | Adrift on the Nile | black, 10.3 to 1 |
| 8 | `#79a7d9` | `oklch(71.38% 0.0884 251.08)` | Jordy Blue | black, 8.3 to 1 |
| 9 | `#6293c9` | `oklch(65.13% 0.0963 251.16)` | Come Sail Away | black, 6.5 to 1 |
| 10 | `#4f81b8` | `oklch(59.10% 0.1004 251.89)` | Fisher King | black, 5.1 to 1 |
| 11 | `#436fa5` | `oklch(53.46% 0.0988 254.25)` | Flat Blue | white, 5.1 to 1 |
| 12 | `#375d8e` | `oklch(47.46% 0.0908 254.91)` | Antilles Blue | white, 6.6 to 1 |
| 13 | `#2d4d77` | `oklch(41.61% 0.0794 255.91)` | Mykonos Reflection | white, 8.6 to 1 |
| 14 | `#293e62` | `oklch(36.57% 0.0676 260.00)` | Elmer’s Echo | white, 10.6 to 1 |
| 15 | `#2a3454` | `oklch(33.02% 0.0587 269.92)` | Midnight Escapade | white, 12.3 to 1 |
| 16 | `#302c4a` | `oklch(31.23% 0.0533 289.24)` | Wild Iris | white, 13.2 to 1 |
| 17 | `#3a2840` | `oklch(30.72% 0.0490 317.20)` | Aubergine Mauve | white, 13.5 to 1 |
| 18 | `#432735` | `oklch(31.38% 0.0464 348.21)` | Soft Red | white, 13.2 to 1 |
| 19 | `#4b2c2d` | `oklch(33.13% 0.0461 16.60)` | Dark Roast | white, 12.4 to 1 |
| 20 | `#53342a` | `oklch(35.90% 0.0489 36.77)` | American Mahogany | white, 11.1 to 1 |
| 21 | `#623f2c` | `oklch(40.20% 0.0572 48.35)` | Grilled | white, 9.3 to 1 |
| 22 | `#764d30` | `oklch(45.87% 0.0696 54.72)` | Walnut Wood | white, 7.3 to 1 |
| 23 | `#8d5d37` | `oklch(52.20% 0.0825 58.16)` | Carrageen Moss | white, 5.5 to 1 |
| 24 | `#a36e3f` | `oklch(58.50% 0.0923 60.94)` | Castellina | black, 4.8 to 1 |
| 25 | `#b5804b` | `oklch(64.22% 0.0958 64.78)` | Caramel Sauce | black, 6.1 to 1 |
| 26 | `#c6935c` | `oklch(70.12% 0.0944 67.33)` | Mid Tan | black, 7.7 to 1 |
| 27 | `#d7a772` | `oklch(76.03% 0.0897 69.03)` | Fresh Nectar | black, 9.6 to 1 |
| 28 | `#e5ba87` | `oklch(81.55% 0.0829 71.20)` | Dune View | black, 11.7 to 1 |
| 29 | `#efcc9b` | `oklch(86.26% 0.0752 75.18)` | Hummus | black, 13.7 to 1 |
| 30 | `#f4daac` | `oklch(89.89% 0.0665 82.43)` | Caribbean Sunrise | black, 15.4 to 1 |
| 31 | `#f3e7be` | `oklch(92.69% 0.0549 92.93)` | Ginseng | black, 16.9 to 1 |
| 32 | `#f2f0d0` | `oklch(94.81% 0.0424 104.55)` | Clotted Cream | black, 18.1 to 1 |
| 33 | `#f2f6df` | `oklch(96.41% 0.0312 115.06)` | Warm Turbulence | black, 19 to 1 |
| 34 | `#f4fae9` | `oklch(97.64% 0.0234 122.27)` | Bean Sprout | black, 19.7 to 1 |

## CSS

```css
background: linear-gradient(90deg, #ecfaf2 0.000% 2.941%, #e0f6ee 2.941% 5.882%, #cef1ee 5.882% 8.824%, #bce8f2 8.824% 11.765%, #addbf4 11.765% 14.706%, #a0ccf0 14.706% 17.647%, #8fbae6 17.647% 20.588%, #79a7d9 20.588% 23.529%, #6293c9 23.529% 26.471%, #4f81b8 26.471% 29.412%, #436fa5 29.412% 32.353%, #375d8e 32.353% 35.294%, #2d4d77 35.294% 38.235%, #293e62 38.235% 41.176%, #2a3454 41.176% 44.118%, #302c4a 44.118% 47.059%, #3a2840 47.059% 50.000%, #432735 50.000% 52.941%, #4b2c2d 52.941% 55.882%, #53342a 55.882% 58.824%, #623f2c 58.824% 61.765%, #764d30 61.765% 64.706%, #8d5d37 64.706% 67.647%, #a36e3f 67.647% 70.588%, #b5804b 70.588% 73.529%, #c6935c 73.529% 76.471%, #d7a772 76.471% 79.412%, #e5ba87 79.412% 82.353%, #efcc9b 82.353% 85.294%, #f4daac 85.294% 88.235%, #f3e7be 88.235% 91.176%, #f2f0d0 91.176% 94.118%, #f2f6df 94.118% 97.059%, #f4fae9 97.059% 100.000%);
background: linear-gradient(90deg, oklch(97.24% 0.0179 158.91) 0.000% 2.941%, oklch(95.53% 0.0252 172.22) 2.941% 5.882%, oklch(93.22% 0.0357 191.75) 5.882% 8.824%, oklch(90.30% 0.0476 213.10) 8.824% 11.765%, oklch(86.77% 0.0591 231.90) 11.765% 14.706%, oklch(82.57% 0.0687 243.92) 14.706% 17.647%, oklch(77.36% 0.0786 249.41) 17.647% 20.588%, oklch(71.38% 0.0884 251.08) 20.588% 23.529%, oklch(65.13% 0.0963 251.16) 23.529% 26.471%, oklch(59.10% 0.1004 251.89) 26.471% 29.412%, oklch(53.46% 0.0988 254.25) 29.412% 32.353%, oklch(47.46% 0.0908 254.91) 32.353% 35.294%, oklch(41.61% 0.0794 255.91) 35.294% 38.235%, oklch(36.57% 0.0676 260.00) 38.235% 41.176%, oklch(33.02% 0.0587 269.92) 41.176% 44.118%, oklch(31.23% 0.0533 289.24) 44.118% 47.059%, oklch(30.72% 0.0490 317.20) 47.059% 50.000%, oklch(31.38% 0.0464 348.21) 50.000% 52.941%, oklch(33.13% 0.0461 16.60) 52.941% 55.882%, oklch(35.90% 0.0489 36.77) 55.882% 58.824%, oklch(40.20% 0.0572 48.35) 58.824% 61.765%, oklch(45.87% 0.0696 54.72) 61.765% 64.706%, oklch(52.20% 0.0825 58.16) 64.706% 67.647%, oklch(58.50% 0.0923 60.94) 67.647% 70.588%, oklch(64.22% 0.0958 64.78) 70.588% 73.529%, oklch(70.12% 0.0944 67.33) 73.529% 76.471%, oklch(76.03% 0.0897 69.03) 76.471% 79.412%, oklch(81.55% 0.0829 71.20) 79.412% 82.353%, oklch(86.26% 0.0752 75.18) 82.353% 85.294%, oklch(89.89% 0.0665 82.43) 85.294% 88.235%, oklch(92.69% 0.0549 92.93) 88.235% 91.176%, oklch(94.81% 0.0424 104.55) 91.176% 94.118%, oklch(96.41% 0.0312 115.06) 94.118% 97.059%, oklch(97.64% 0.0234 122.27) 97.059% 100.000%);
```

## Keyframes

8 OKLCH keyframes joined by a Catmull-Rom spline. Hue is unwrapped degrees.

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.972 | 0.018 | 158.9 |
| 2 | 0.839 | 0.066 | 241.3 |
| 3 | 0.567 | 0.101 | 253 |
| 4 | 0.327 | 0.058 | 272 |
| 5 | 0.354 | 0.048 | 394.6 |
| 6 | 0.618 | 0.095 | 423.1 |
| 7 | 0.874 | 0.073 | 436.8 |
| 8 | 0.976 | 0.023 | 482.3 |

## In these collections

- [Neutral swatches](https://grabient.com/neutral-swatches)

## Other forms

- [JSON](https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ.json?style=linearSwatches&steps=34)
- [PNG](https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ.png?style=linearSwatches&steps=34)
- [SVG](https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ.svg?style=linearSwatches&steps=34)
- [CSS](https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ.css?style=linearSwatches&steps=34)
- [ASE](https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ.ase?style=linearSwatches&steps=34)
- [GPL](https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ.gpl?style=linearSwatches&steps=34)
- [GRD](https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ.grd?style=linearSwatches&steps=34)
- [Design tokens](https://grabient.com/kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ.tokens.json?style=linearSwatches&steps=34)
- [Social card](https://grabient.com/api/og?seed=kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ&style=linearSwatches&steps=34)
- [Palettes like this one](https://grabient.com/palettes?q=kc9w1xaphJsgkwUplUIrRHOc6iw1vGsGfAjFQ)
- [Guide for agents](https://grabient.com/llms.txt)