# Teal orange poster diagonal

Rainbow from blue to pink linear gradient with 48 colors: #237496, #237999, #247f9d, #2686a2, #2a8ea7, #2e97ac, #32a0b0, #37a9b4, #3cb1b6, #41b9b7, #46bfb4, #4cc4af, #53c6a6, #5cc798, #69c686, #7ac36f, #8dbd52, #a1b428, #b3a800, #c09b00, #c98e00, #d18000, #d86f00, #e05900, #e04528, #d63845, #c52d5a, #af2669, #972372, #7e2076, #671e75, #521c71, #40196a, #331764, #2a165e, #25165c, #26175e, #2d1a63, #391e6a, #4a2272, #5e277a, #762d7f, #8f3280, #a8387e, #bf3e79, #d34572, #e34c69, #ed5262. Edit it and copy or download CSS, SVG, PNG or shader code.

- Also called: Rainbow from blue to pink linear gradient
- Seed: `kWhkOkX6m5M9Hr-iqrKU0VK4`
- Page: https://grabient.com/kWhkOkX6m5M9Hr-iqrKU0VK4?steps=48&angle=135
- Drawn as: linear gradient, 48 steps, 135 degrees
- Kinds: vivid, rainbow
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.4 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 | `#237496` | `oklch(52.76% 0.0923 230.62)` | Bateau | white, 5.2 to 1 |
| 2 | `#237999` | `oklch(53.98% 0.0932 228.06)` | Fun and Games | white, 4.9 to 1 |
| 3 | `#247f9d` | `oklch(55.69% 0.0941 225.20)` | Summer Blue | white, 4.5 to 1 |
| 4 | `#2686a2` | `oklch(57.76% 0.0949 221.99)` | Gogo Blue | black, 4.9 to 1 |
| 5 | `#2a8ea7` | `oklch(60.09% 0.0959 218.41)` | Scooter | black, 5.5 to 1 |
| 6 | `#2e97ac` | `oklch(62.57% 0.0970 214.42)` | Tropical Lagoon | black, 6.1 to 1 |
| 7 | `#32a0b0` | `oklch(65.10% 0.0984 209.96)` | Fischer Blue | black, 6.7 to 1 |
| 8 | `#37a9b4` | `oklch(67.57% 0.1000 205.02)` | Green Buoy | black, 7.4 to 1 |
| 9 | `#3cb1b6` | `oklch(69.88% 0.1021 199.54)` | Lake Tahoe Turquoise | black, 8.1 to 1 |
| 10 | `#41b9b7` | `oklch(71.91% 0.1046 193.48)` | Green Grapple | black, 8.8 to 1 |
| 11 | `#46bfb4` | `oklch(73.55% 0.1076 186.82)` | Tint of Turquoise | black, 9.3 to 1 |
| 12 | `#4cc4af` | `oklch(74.71% 0.1112 179.50)` | Melbourne Cup | black, 9.8 to 1 |
| 13 | `#53c6a6` | `oklch(75.29% 0.1155 171.47)` | Biscay Green | black, 10 to 1 |
| 14 | `#5cc798` | `oklch(75.43% 0.1214 162.38)` | Intense Jade | black, 10.1 to 1 |
| 15 | `#69c686` | `oklch(75.25% 0.1288 152.22)` | Clover Mist | black, 10 to 1 |
| 16 | `#7ac36f` | `oklch(74.78% 0.1373 141.19)` | Hillside Grove | black, 9.8 to 1 |
| 17 | `#8dbd52` | `oklch(74.03% 0.1466 129.47)` | Makin It Rain | black, 9.4 to 1 |
| 18 | `#a1b428` | `oklch(73.03% 0.1561 117.24)` | Tree Frog | black, 9 to 1 |
| 19 | `#b3a800` | `oklch(71.81% 0.1521 104.70)` | Brass Knuckle | black, 8.5 to 1 |
| 20 | `#c09b00` | `oklch(70.39% 0.1440 92.01)` | Rapeseed | black, 7.9 to 1 |
| 21 | `#c98e00` | `oklch(68.80% 0.1428 79.38)` | Festering Brown | black, 7.3 to 1 |
| 22 | `#d18000` | `oklch(67.05% 0.1482 66.99)` | Copious Caramel | black, 6.7 to 1 |
| 23 | `#d86f00` | `oklch(65.19% 0.1614 55.02)` | Marmalade | black, 6.2 to 1 |
| 24 | `#e05900` | `oklch(63.22% 0.1850 43.66)` | Salsa Habañero | black, 5.6 to 1 |
| 25 | `#e04528` | `oklch(61.08% 0.1967 32.87)` | Astorath Red | black, 5 to 1 |
| 26 | `#d63845` | `oklch(58.28% 0.1937 21.32)` | Safflower Red | white, 4.6 to 1 |
| 27 | `#c52d5a` | `oklch(54.90% 0.1880 9.10)` | Maroon Light | white, 5.3 to 1 |
| 28 | `#af2669` | `oklch(51.11% 0.1804 356.57)` | Plastic Lips | white, 6.3 to 1 |
| 29 | `#972372` | `oklch(47.08% 0.1714 344.05)` | Celestial Dragon | white, 7.5 to 1 |
| 30 | `#7e2076` | `oklch(43.00% 0.1615 331.89)` | Count’s Wardrobe | white, 8.8 to 1 |
| 31 | `#671e75` | `oklch(39.03% 0.1514 320.43)` | Berry Blackmail | white, 10.4 to 1 |
| 32 | `#521c71` | `oklch(35.36% 0.1416 310.01)` | Velvet Vortex | white, 11.9 to 1 |
| 33 | `#40196a` | `oklch(32.17% 0.1327 300.97)` | Obsidian Shell | white, 13.3 to 1 |
| 34 | `#331764` | `oklch(29.62% 0.1253 293.65)` | Candied Blueberry | white, 14.5 to 1 |
| 35 | `#2a165e` | `oklch(27.89% 0.1200 288.39)` | Voldemort | white, 15.2 to 1 |
| 36 | `#25165c` | `oklch(27.17% 0.1173 285.52)` | Voldemort | white, 15.5 to 1 |
| 37 | `#26175e` | `oklch(27.63% 0.1176 285.57)` | Voldemort | white, 15.3 to 1 |
| 38 | `#2d1a63` | `oklch(29.26% 0.1204 288.84)` | Night Fog | white, 14.6 to 1 |
| 39 | `#391e6a` | `oklch(31.88% 0.1252 294.79)` | Dark Dreams | white, 13.4 to 1 |
| 40 | `#4a2272` | `oklch(35.26% 0.1317 302.88)` | Mystic Nights | white, 11.8 to 1 |
| 41 | `#5e277a` | `oklch(39.21% 0.1392 312.56)` | Berry Blackmail | white, 10.2 to 1 |
| 42 | `#762d7f` | `oklch(43.52% 0.1476 323.27)` | Maximum Purple | white, 8.5 to 1 |
| 43 | `#8f3280` | `oklch(47.98% 0.1563 334.46)` | Hollyhock | white, 7.1 to 1 |
| 44 | `#a8387e` | `oklch(52.38% 0.1649 345.57)` | Maximum Red Purple | white, 5.9 to 1 |
| 45 | `#bf3e79` | `oklch(56.53% 0.1730 356.06)` | Razzle Dazzle | white, 5 to 1 |
| 46 | `#d34572` | `oklch(60.21% 0.1802 5.36)` | Pink Punch | black, 4.8 to 1 |
| 47 | `#e34c69` | `oklch(63.22% 0.1860 12.93)` | Rouge Red | black, 5.5 to 1 |
| 48 | `#ed5262` | `oklch(65.35% 0.1902 18.22)` | Bara Red | black, 6 to 1 |

## CSS

```css
background: linear-gradient(135deg, #237496 0.0%, #237999 2.1%, #247f9d 4.3%, #2686a2 6.4%, #2a8ea7 8.5%, #2e97ac 10.6%, #32a0b0 12.8%, #37a9b4 14.9%, #3cb1b6 17.0%, #41b9b7 19.1%, #46bfb4 21.3%, #4cc4af 23.4%, #53c6a6 25.5%, #5cc798 27.7%, #69c686 29.8%, #7ac36f 31.9%, #8dbd52 34.0%, #a1b428 36.2%, #b3a800 38.3%, #c09b00 40.4%, #c98e00 42.6%, #d18000 44.7%, #d86f00 46.8%, #e05900 48.9%, #e04528 51.1%, #d63845 53.2%, #c52d5a 55.3%, #af2669 57.4%, #972372 59.6%, #7e2076 61.7%, #671e75 63.8%, #521c71 66.0%, #40196a 68.1%, #331764 70.2%, #2a165e 72.3%, #25165c 74.5%, #26175e 76.6%, #2d1a63 78.7%, #391e6a 80.9%, #4a2272 83.0%, #5e277a 85.1%, #762d7f 87.2%, #8f3280 89.4%, #a8387e 91.5%, #bf3e79 93.6%, #d34572 95.7%, #e34c69 97.9%, #ed5262 100.0%);
background: linear-gradient(135deg in oklch, oklch(52.76% 0.0923 230.62) 0.0%, oklch(53.98% 0.0932 228.06) 2.1%, oklch(55.69% 0.0941 225.20) 4.3%, oklch(57.76% 0.0949 221.99) 6.4%, oklch(60.09% 0.0959 218.41) 8.5%, oklch(62.57% 0.0970 214.42) 10.6%, oklch(65.10% 0.0984 209.96) 12.8%, oklch(67.57% 0.1000 205.02) 14.9%, oklch(69.88% 0.1021 199.54) 17.0%, oklch(71.91% 0.1046 193.48) 19.1%, oklch(73.55% 0.1076 186.82) 21.3%, oklch(74.71% 0.1112 179.50) 23.4%, oklch(75.29% 0.1155 171.47) 25.5%, oklch(75.43% 0.1214 162.38) 27.7%, oklch(75.25% 0.1288 152.22) 29.8%, oklch(74.78% 0.1373 141.19) 31.9%, oklch(74.03% 0.1466 129.47) 34.0%, oklch(73.03% 0.1561 117.24) 36.2%, oklch(71.81% 0.1521 104.70) 38.3%, oklch(70.39% 0.1440 92.01) 40.4%, oklch(68.80% 0.1428 79.38) 42.6%, oklch(67.05% 0.1482 66.99) 44.7%, oklch(65.19% 0.1614 55.02) 46.8%, oklch(63.22% 0.1850 43.66) 48.9%, oklch(61.08% 0.1967 32.87) 51.1%, oklch(58.28% 0.1937 21.32) 53.2%, oklch(54.90% 0.1880 9.10) 55.3%, oklch(51.11% 0.1804 356.57) 57.4%, oklch(47.08% 0.1714 344.05) 59.6%, oklch(43.00% 0.1615 331.89) 61.7%, oklch(39.03% 0.1514 320.43) 63.8%, oklch(35.36% 0.1416 310.01) 66.0%, oklch(32.17% 0.1327 300.97) 68.1%, oklch(29.62% 0.1253 293.65) 70.2%, oklch(27.89% 0.1200 288.39) 72.3%, oklch(27.17% 0.1173 285.52) 74.5%, oklch(27.63% 0.1176 285.57) 76.6%, oklch(29.26% 0.1204 288.84) 78.7%, oklch(31.88% 0.1252 294.79) 80.9%, oklch(35.26% 0.1317 302.88) 83.0%, oklch(39.21% 0.1392 312.56) 85.1%, oklch(43.52% 0.1476 323.27) 87.2%, oklch(47.98% 0.1563 334.46) 89.4%, oklch(52.38% 0.1649 345.57) 91.5%, oklch(56.53% 0.1730 356.06) 93.6%, oklch(60.21% 0.1802 5.36) 95.7%, oklch(63.22% 0.1860 12.93) 97.9%, oklch(65.35% 0.1902 18.22) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.528 | 0.092 | 230.6 |
| 2 | 0.752 | 0.114 | 173.6 |
| 3 | 0.622 | 0.197 | 38.3 |
| 4 | 0.272 | 0.117 | -74.8 |
| 5 | 0.654 | 0.19 | 18.2 |

## In these collections

- [Steel pan poster](https://grabient.com/steel-pan-poster)

## Other forms

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