# Linear gradients

Linear gradients run from coral through violet, navy to turquoise, cream to rust, lime to forest green, and lavender to cobalt.

- Page: https://grabient.com/linear-gradients
- Palettes: 5
- Tags: linear gradients, coral, violet, turquoise, rust, lime green, cobalt, color transitions
- Collected by: Grabient
- Updated: 2026-10-05

## Palettes

1. [Coral dusk violet gradient](https://grabient.com/kWuHoV1UY9cpDvK7vjuqjA-I?steps=32): linear gradient, `#fe7763` `#fd7465` `#fd7067` `#fc6c69` `#fb676c` `#fa6270` `#f75d74` `#f45878` `#f1547d` `#ec5181` `#e74e85` `#e14b8a` `#da498e` `#d34791` `#cc4595` `#c44398` `#bb419c` `#b2409f` `#a83ea3` `#9e3da6` `#933ca7` `#893ba8` `#7e39a7` `#7537a5` `#6b35a1` `#62329b` `#592f94` `#512c8c` `#492884` `#42257d` `#3d2377` `#392173`
2. [Analogous navy to teal](https://grabient.com/kWUS-2sp0-sUfvBYqr0ZzO_I?steps=32&angle=135): linear gradient, `#1c3353` `#1c3555` `#1c3758` `#1d395b` `#1d3c5f` `#1d3f63` `#1d4368` `#1d476c` `#1c4c70` `#1c5175` `#1b5779` `#1b5d7d` `#1b6480` `#1c6b84` `#1d7288` `#1e798c` `#1e8090` `#1e8794` `#1c8e98` `#1b969d` `#199da1` `#18a5a4` `#17aca8` `#18b3ab` `#1ab9af` `#1bc0b3` `#1cc6b7` `#1bccbb` `#1bd2c0` `#1ad7c4` `#19dbc7` `#19dec9`
3. [Off-white to brown](https://grabient.com/kQ9BI8ta86A?steps=32&angle=45): linear gradient, `#faf1e0` `#f7eedb` `#f5ead6` `#f2e6d0` `#eee1ca` `#ebdbc3` `#e7d5bb` `#e3cfb3` `#dfc9ab` `#dbc2a3` `#d7bb9a` `#d3b492` `#cfac89` `#caa480` `#c69c77` `#c2956f` `#bd8d66` `#b9855e` `#b57d56` `#b0754e` `#ac6d47` `#a86640` `#a35e3a` `#9f5734` `#9b502e` `#984a28` `#944424` `#903e1f` `#8d381b` `#8a3318` `#882e15` `#852a12`
4. [Electric lime forest gradient](https://grabient.com/kW7ZNXZ8pBE65wU5JEFKBRBw?steps=32&angle=180): linear gradient, `#d2fd49` `#cdfb47` `#c6f844` `#bef441` `#b5f03d` `#aceb3a` `#a1e638` `#97e138` `#8ddb38` `#82d439` `#77cc3b` `#6cc33c` `#61bb3d` `#57b23e` `#4ca93f` `#43a13f` `#3b9940` `#339140` `#2d8a40` `#28823f` `#237b3f` `#1f743e` `#1c6d3d` `#19663c` `#15603b` `#115939` `#0e5337` `#0c4d35` `#0b4733` `#0a4231` `#0a3e2f` `#0a3a2e`
5. [Lavender violet to cobalt blue gradient](https://grabient.com/kWzVva1j6_UbDvo-wz4Ozk-Q?steps=32&angle=225): linear gradient, `#d6aaff` `#d2a6fe` `#cea0fc` `#c99afa` `#c493f8` `#bd8cf5` `#b784f3` `#b17ef0` `#aa78ee` `#a473eb` `#9d6de8` `#9668e4` `#8e64e1` `#8760dd` `#805cda` `#7958d7` `#7356d4` `#6d53d2` `#6652d1` `#6050cf` `#5a4fce` `#544fcc` `#4e4fca` `#484ec8` `#424ec5` `#3c4fc2` `#3650be` `#3151bb` `#2b52b7` `#2752b4` `#2253b1` `#1f53af`

## Other forms

- [JSON](https://grabient.com/api/collections/linear-gradients)
- [ASE](https://grabient.com/linear-gradients.ase)
- [GPL](https://grabient.com/linear-gradients.gpl)
- [GRD](https://grabient.com/linear-gradients.grd)
- [Design tokens](https://grabient.com/linear-gradients.tokens.json)
- [Image](https://grabient.com/api/png/collection?slug=linear-gradients)
- [Social card](https://grabient.com/api/og/collection?slug=linear-gradients&v=k4)
- [More collections](https://grabient.com/collections)
- [Guide for agents](https://grabient.com/llms.txt)