# Emerald citrine and violet angular prism

Deep teal moves through emerald green into citron yellow, gold, and peach, then turns through violet and blue before closing back into teal. The angular gradient combines multiple gemstone-inspired colors with a consistent dark join. It suits decorative design graphics, bedazzled accessory mood boards, celebratory packaging, and colorful beauty campaign backgrounds.

- Also called: Seamless rainbow angular gradient
- Seed: `kYVCCGTCY-Oi2N5iMLtSCwtaoQNq`
- Page: https://grabient.com/kYVCCGTCY-Oi2N5iMLtSCwtaoQNq?style=angularGradient&steps=48&angle=135
- Drawn as: angular gradient, 48 steps, 135 degrees
- Kinds: light center, vivid, rainbow, seamless
- Hues: two-hue
- Contrast of its darkest and lightest colors: 7.1 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 | `#163d3a` | `oklch(33.07% 0.0441 188.44)` | Botanical Night | white, 11.9 to 1 |
| 2 | `#17423e` | `oklch(34.80% 0.0481 187.78)` | Botanical Night | white, 11.1 to 1 |
| 3 | `#174945` | `oklch(37.08% 0.0533 187.26)` | Country Squire | white, 10.1 to 1 |
| 4 | `#17514c` | `oklch(39.78% 0.0595 186.75)` | Lacustral | white, 9 to 1 |
| 5 | `#175b55` | `oklch(42.81% 0.0665 186.09)` | Forest Biome | white, 7.8 to 1 |
| 6 | `#16655e` | `oklch(46.04% 0.0739 185.14)` | Abduction | white, 6.8 to 1 |
| 7 | `#167066` | `oklch(49.36% 0.0815 183.74)` | Tide Pools | white, 5.9 to 1 |
| 8 | `#167b6e` | `oklch(52.66% 0.0889 181.74)` | Pond Moss | white, 5.1 to 1 |
| 9 | `#198675` | `oklch(55.84% 0.0960 179.01)` | Summer Turquoise | black, 4.7 to 1 |
| 10 | `#1f9079` | `oklch(58.76% 0.1024 175.38)` | Miami Jade | black, 5.3 to 1 |
| 11 | `#2a997b` | `oklch(61.45% 0.1081 170.63)` | Paolo Veronese Green | black, 5.9 to 1 |
| 12 | `#39a27b` | `oklch(64.25% 0.1139 164.49)` | Funk | black, 6.6 to 1 |
| 13 | `#4cac78` | `oklch(67.13% 0.1198 157.24)` | Glen | black, 7.4 to 1 |
| 14 | `#61b473` | `oklch(70.00% 0.1255 149.18)` | Lawn Party | black, 8.2 to 1 |
| 15 | `#78bb6b` | `oklch(72.79% 0.1310 140.63)` | Primo | black, 9.1 to 1 |
| 16 | `#8fc162` | `oklch(75.40% 0.1360 131.91)` | Jaunty Green | black, 9.9 to 1 |
| 17 | `#a5c559` | `oklch(77.76% 0.1405 123.35)` | Spring Lime | black, 10.7 to 1 |
| 18 | `#bac850` | `oklch(79.78% 0.1443 115.24)` | Asparagus Fern | black, 11.4 to 1 |
| 19 | `#ccc948` | `oklch(81.37% 0.1472 107.92)` | Slap Happy | black, 11.9 to 1 |
| 20 | `#dac843` | `oklch(82.46% 0.1491 101.71)` | Lanky Lemon | black, 12.3 to 1 |
| 21 | `#e3c742` | `oklch(83.08% 0.1497 97.14)` | Golden Kingdom | black, 12.5 to 1 |
| 22 | `#e8c642` | `oklch(83.30% 0.1493 93.97)` | Liberator Gold | black, 12.5 to 1 |
| 23 | `#ebc443` | `oklch(83.17% 0.1479 91.67)` | Liberator Gold | black, 12.4 to 1 |
| 24 | `#ecc144` | `oklch(82.73% 0.1459 89.68)` | Sharp Yellow | black, 12.2 to 1 |
| 25 | `#ebbe45` | `oklch(82.02% 0.1435 87.48)` | Midas Touch | black, 11.9 to 1 |
| 26 | `#ebb946` | `oklch(81.10% 0.1409 84.53)` | Golden Glam | black, 11.5 to 1 |
| 27 | `#ecb347` | `oklch(80.00% 0.1383 80.28)` | Honey Glow | black, 11 to 1 |
| 28 | `#edac4a` | `oklch(78.76% 0.1359 74.20)` | Summer Glow | black, 10.5 to 1 |
| 29 | `#efa34f` | `oklch(77.44% 0.1340 65.76)` | Troll Slayer Orange | black, 10 to 1 |
| 30 | `#f1985a` | `oklch(75.98% 0.1327 54.35)` | Ridgeback | black, 9.4 to 1 |
| 31 | `#f18d6a` | `oklch(74.25% 0.1321 39.97)` | Morning Marmalade | black, 8.7 to 1 |
| 32 | `#ed827e` | `oklch(72.29% 0.1318 23.33)` | Jinza Safflower | black, 8 to 1 |
| 33 | `#e27a94` | `oklch(70.14% 0.1316 5.12)` | Impatient Pink | black, 7.4 to 1 |
| 34 | `#d174a9` | `oklch(67.85% 0.1313 346.06)` | Sky Magenta | black, 6.7 to 1 |
| 35 | `#ba72ba` | `oklch(65.46% 0.1306 326.85)` | Lavendless | black, 6.2 to 1 |
| 36 | `#9f72c5` | `oklch(63.01% 0.1293 308.19)` | Lilac Bush | black, 5.6 to 1 |
| 37 | `#8372c8` | `oklch(60.55% 0.1271 290.79)` | True V | black, 5.2 to 1 |
| 38 | `#6673c3` | `oklch(58.12% 0.1239 275.36)` | Indigo Light | black, 4.7 to 1 |
| 39 | `#4d72b9` | `oklch(55.73% 0.1192 262.42)` | Sinatra | white, 4.7 to 1 |
| 40 | `#346fab` | `oklch(53.12% 0.1125 250.74)` | Nocturne Shade | white, 5.2 to 1 |
| 41 | `#1a6b99` | `oklch(50.31% 0.1043 239.94)` | Disarm | white, 5.8 to 1 |
| 42 | `#006587` | `oklch(47.40% 0.0945 230.06)` | Bowerbird Blue | white, 6.5 to 1 |
| 43 | `#005e73` | `oklch(44.47% 0.0816 221.03)` | Lyons Blue | white, 7.4 to 1 |
| 44 | `#005664` | `oklch(41.63% 0.0728 212.89)` | Abyssal Waters | white, 8.3 to 1 |
| 45 | `#044f56` | `oklch(38.97% 0.0653 205.60)` | Deep Atlantic Blue | white, 9.3 to 1 |
| 46 | `#0d484a` | `oklch(36.60% 0.0566 199.23)` | Incubi Darkness | white, 10.3 to 1 |
| 47 | `#134141` | `oklch(34.60% 0.0494 193.74)` | Tiber | white, 11.2 to 1 |
| 48 | `#163d3a` | `oklch(33.07% 0.0441 189.14)` | Botanical Night | white, 11.9 to 1 |

## CSS

```css
background: conic-gradient(from 135deg, #163d3a 0.0%, #17423e 2.1%, #174945 4.3%, #17514c 6.4%, #175b55 8.5%, #16655e 10.6%, #167066 12.8%, #167b6e 14.9%, #198675 17.0%, #1f9079 19.1%, #2a997b 21.3%, #39a27b 23.4%, #4cac78 25.5%, #61b473 27.7%, #78bb6b 29.8%, #8fc162 31.9%, #a5c559 34.0%, #bac850 36.2%, #ccc948 38.3%, #dac843 40.4%, #e3c742 42.6%, #e8c642 44.7%, #ebc443 46.8%, #ecc144 48.9%, #ebbe45 51.1%, #ebb946 53.2%, #ecb347 55.3%, #edac4a 57.4%, #efa34f 59.6%, #f1985a 61.7%, #f18d6a 63.8%, #ed827e 66.0%, #e27a94 68.1%, #d174a9 70.2%, #ba72ba 72.3%, #9f72c5 74.5%, #8372c8 76.6%, #6673c3 78.7%, #4d72b9 80.9%, #346fab 83.0%, #1a6b99 85.1%, #006587 87.2%, #005e73 89.4%, #005664 91.5%, #044f56 93.6%, #0d484a 95.7%, #134141 97.9%, #163d3a 100.0%);
background: conic-gradient(from 135deg in oklch, oklch(33.07% 0.0441 188.44) 0.0%, oklch(34.80% 0.0481 187.78) 2.1%, oklch(37.08% 0.0533 187.26) 4.3%, oklch(39.78% 0.0595 186.75) 6.4%, oklch(42.81% 0.0665 186.09) 8.5%, oklch(46.04% 0.0739 185.14) 10.6%, oklch(49.36% 0.0815 183.74) 12.8%, oklch(52.66% 0.0889 181.74) 14.9%, oklch(55.84% 0.0960 179.01) 17.0%, oklch(58.76% 0.1024 175.38) 19.1%, oklch(61.45% 0.1081 170.63) 21.3%, oklch(64.25% 0.1139 164.49) 23.4%, oklch(67.13% 0.1198 157.24) 25.5%, oklch(70.00% 0.1255 149.18) 27.7%, oklch(72.79% 0.1310 140.63) 29.8%, oklch(75.40% 0.1360 131.91) 31.9%, oklch(77.76% 0.1405 123.35) 34.0%, oklch(79.78% 0.1443 115.24) 36.2%, oklch(81.37% 0.1472 107.92) 38.3%, oklch(82.46% 0.1491 101.71) 40.4%, oklch(83.08% 0.1497 97.14) 42.6%, oklch(83.30% 0.1493 93.97) 44.7%, oklch(83.17% 0.1479 91.67) 46.8%, oklch(82.73% 0.1459 89.68) 48.9%, oklch(82.02% 0.1435 87.48) 51.1%, oklch(81.10% 0.1409 84.53) 53.2%, oklch(80.00% 0.1383 80.28) 55.3%, oklch(78.76% 0.1359 74.20) 57.4%, oklch(77.44% 0.1340 65.76) 59.6%, oklch(75.98% 0.1327 54.35) 61.7%, oklch(74.25% 0.1321 39.97) 63.8%, oklch(72.29% 0.1318 23.33) 66.0%, oklch(70.14% 0.1316 5.12) 68.1%, oklch(67.85% 0.1313 346.06) 70.2%, oklch(65.46% 0.1306 326.85) 72.3%, oklch(63.01% 0.1293 308.19) 74.5%, oklch(60.55% 0.1271 290.79) 76.6%, oklch(58.12% 0.1239 275.36) 78.7%, oklch(55.73% 0.1192 262.42) 80.9%, oklch(53.12% 0.1125 250.74) 83.0%, oklch(50.31% 0.1043 239.94) 85.1%, oklch(47.40% 0.0945 230.06) 87.2%, oklch(44.47% 0.0816 221.03) 89.4%, oklch(41.63% 0.0728 212.89) 91.5%, oklch(38.97% 0.0653 205.60) 93.6%, oklch(36.60% 0.0566 199.23) 95.7%, oklch(34.60% 0.0494 193.74) 97.9%, oklch(33.07% 0.0441 189.14) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.331 | 0.044 | 188.4 |
| 2 | 0.598 | 0.105 | 173.6 |
| 3 | 0.823 | 0.149 | 102.8 |
| 4 | 0.772 | 0.134 | 63.7 |
| 5 | 0.567 | 0.121 | -92.7 |
| 6 | 0.331 | 0.044 | -170.9 |

## In these collections

- [Bedazzled](https://grabient.com/bedazzled)

## Other forms

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