# Indigo, violet and rose composition notebook doodles

The Indigo, violet and rose composition notebook doodles brings together blue, purple, and magenta. The colors span a moderate lightness range, combining strong color with gentle contrast. Its balanced and composed character suits stationery systems and print layouts. Its darkest tone is blue, and its lightest tone is magenta.

- Also called: Analogous blue, purple and pink radial gradient
- Seed: `kWZZa-tUXAz86QvMNMN1C1Bw`
- Page: https://grabient.com/kWZZa-tUXAz86QvMNMN1C1Bw?style=radialGradient&steps=32&angle=225
- Drawn as: radial gradient, 32 steps, 225 degrees
- Hues: analogous
- Contrast of its darkest and lightest colors: 3 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 | `#1d2eb3` | `oklch(39.76% 0.2067 267.89)` | Sapphire Splendour | white, 10 to 1 |
| 2 | `#1f2eb3` | `oklch(39.88% 0.2056 268.35)` | Sapphire Splendour | white, 9.9 to 1 |
| 3 | `#212fb3` | `oklch(39.99% 0.2043 268.83)` | Sapphire Splendour | white, 9.9 to 1 |
| 4 | `#232fb2` | `oklch(40.11% 0.2027 269.39)` | Sapphire Splendour | white, 9.8 to 1 |
| 5 | `#2630b2` | `oklch(40.28% 0.2009 270.10)` | Yuè Guāng Lán Blue | white, 9.8 to 1 |
| 6 | `#2930b2` | `oklch(40.52% 0.1988 271.04)` | Yuè Guāng Lán Blue | white, 9.7 to 1 |
| 7 | `#2d31b1` | `oklch(40.85% 0.1964 272.26)` | Blue Cardinal Flower | white, 9.5 to 1 |
| 8 | `#3232b1` | `oklch(41.30% 0.1937 273.83)` | Blue Cardinal Flower | white, 9.3 to 1 |
| 9 | `#3834b1` | `oklch(41.90% 0.1908 275.83)` | Blue Cardinal Flower | white, 9.1 to 1 |
| 10 | `#3f36b1` | `oklch(42.64% 0.1872 278.31)` | Early Spring Night | white, 8.8 to 1 |
| 11 | `#4738b1` | `oklch(43.52% 0.1830 281.21)` | Blue Violet | white, 8.5 to 1 |
| 12 | `#4f3ab0` | `oklch(44.50% 0.1786 284.44)` | Megadrive Screen | white, 8.1 to 1 |
| 13 | `#573cb0` | `oklch(45.56% 0.1740 287.90)` | Megadrive Screen | white, 7.8 to 1 |
| 14 | `#5f3faf` | `oklch(46.68% 0.1694 291.52)` | Swiss Plum | white, 7.4 to 1 |
| 15 | `#6742ae` | `oklch(47.84% 0.1652 295.20)` | Poppy Pompadour | white, 7 to 1 |
| 16 | `#6f44ad` | `oklch(49.02% 0.1615 298.86)` | Shiner | white, 6.7 to 1 |
| 17 | `#7647ad` | `oklch(50.21% 0.1584 302.47)` | Studio | white, 6.4 to 1 |
| 18 | `#7e4aad` | `oklch(51.50% 0.1560 306.32)` | Harley Hair Purple | white, 6 to 1 |
| 19 | `#874cac` | `oklch(52.87% 0.1539 310.37)` | Harley Hair Purple | white, 5.7 to 1 |
| 20 | `#8f4fac` | `oklch(54.29% 0.1522 314.49)` | Tyrian Shimmer | white, 5.3 to 1 |
| 21 | `#9852ab` | `oklch(55.71% 0.1506 318.59)` | Purpureus | white, 5 to 1 |
| 22 | `#a055aa` | `oklch(57.09% 0.1490 322.53)` | Orchid Dottyback | white, 4.7 to 1 |
| 23 | `#a758a9` | `oklch(58.39% 0.1473 326.20)` | Orchid Dottyback | black, 4.6 to 1 |
| 24 | `#ad5ba8` | `oklch(59.57% 0.1452 329.49)` | Royalty Loyalty | black, 4.8 to 1 |
| 25 | `#b35ea7` | `oklch(60.63% 0.1428 332.38)` | Bodacious | black, 5 to 1 |
| 26 | `#b761a6` | `oklch(61.66% 0.1400 335.06)` | Young Purple | black, 5.2 to 1 |
| 27 | `#bb65a5` | `oklch(62.62% 0.1369 337.52)` | Young Purple | black, 5.5 to 1 |
| 28 | `#bf68a4` | `oklch(63.52% 0.1338 339.75)` | Young Purple | black, 5.7 to 1 |
| 29 | `#c26ba4` | `oklch(64.34% 0.1308 341.74)` | Crocus | black, 5.9 to 1 |
| 30 | `#c46da3` | `oklch(65.06% 0.1280 343.46)` | Crocus | black, 6 to 1 |
| 31 | `#c770a3` | `oklch(65.67% 0.1257 344.92)` | Fading Love | black, 6.2 to 1 |
| 32 | `#c872a2` | `oklch(66.14% 0.1240 346.09)` | Fading Love | black, 6.3 to 1 |

## CSS

```css
background: radial-gradient(circle at 50% 50%, #1d2eb3 0.0%, #1f2eb3 3.2%, #212fb3 6.5%, #232fb2 9.7%, #2630b2 12.9%, #2930b2 16.1%, #2d31b1 19.4%, #3232b1 22.6%, #3834b1 25.8%, #3f36b1 29.0%, #4738b1 32.3%, #4f3ab0 35.5%, #573cb0 38.7%, #5f3faf 41.9%, #6742ae 45.2%, #6f44ad 48.4%, #7647ad 51.6%, #7e4aad 54.8%, #874cac 58.1%, #8f4fac 61.3%, #9852ab 64.5%, #a055aa 67.7%, #a758a9 71.0%, #ad5ba8 74.2%, #b35ea7 77.4%, #b761a6 80.6%, #bb65a5 83.9%, #bf68a4 87.1%, #c26ba4 90.3%, #c46da3 93.5%, #c770a3 96.8%, #c872a2 100.0%);
background: radial-gradient(circle at 50% 50% in oklch, oklch(39.76% 0.2067 267.89) 0.0%, oklch(39.88% 0.2056 268.35) 3.2%, oklch(39.99% 0.2043 268.83) 6.5%, oklch(40.11% 0.2027 269.39) 9.7%, oklch(40.28% 0.2009 270.10) 12.9%, oklch(40.52% 0.1988 271.04) 16.1%, oklch(40.85% 0.1964 272.26) 19.4%, oklch(41.30% 0.1937 273.83) 22.6%, oklch(41.90% 0.1908 275.83) 25.8%, oklch(42.64% 0.1872 278.31) 29.0%, oklch(43.52% 0.1830 281.21) 32.3%, oklch(44.50% 0.1786 284.44) 35.5%, oklch(45.56% 0.1740 287.90) 38.7%, oklch(46.68% 0.1694 291.52) 41.9%, oklch(47.84% 0.1652 295.20) 45.2%, oklch(49.02% 0.1615 298.86) 48.4%, oklch(50.21% 0.1584 302.47) 51.6%, oklch(51.50% 0.1560 306.32) 54.8%, oklch(52.87% 0.1539 310.37) 58.1%, oklch(54.29% 0.1522 314.49) 61.3%, oklch(55.71% 0.1506 318.59) 64.5%, oklch(57.09% 0.1490 322.53) 67.7%, oklch(58.39% 0.1473 326.20) 71.0%, oklch(59.57% 0.1452 329.49) 74.2%, oklch(60.63% 0.1428 332.38) 77.4%, oklch(61.66% 0.1400 335.06) 80.6%, oklch(62.62% 0.1369 337.52) 83.9%, oklch(63.52% 0.1338 339.75) 87.1%, oklch(64.34% 0.1308 341.74) 90.3%, oklch(65.06% 0.1280 343.46) 93.5%, oklch(65.67% 0.1257 344.92) 96.8%, oklch(66.14% 0.1240 346.09) 100.0%);
```

## Keyframes

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

| Keyframe | Lightness | Chroma | Hue |
| --- | --- | --- | --- |
| 1 | 0.398 | 0.207 | 267.9 |
| 2 | 0.417 | 0.192 | 275.3 |
| 3 | 0.496 | 0.16 | 300.6 |
| 4 | 0.598 | 0.145 | 330.2 |
| 5 | 0.661 | 0.124 | 346.1 |

## In these collections

- [Composition notebook doodles](https://grabient.com/composition-notebook-doodles)

## Other forms

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