WebGradients is a collection of 180 color gradients provided for free.

Here is the thumbnail previewing all 180 gradients. Original image link.

The collection in photoshop format

The collection in sketch format

There is also a website for this collection. The list of color code and css are open sourced at github repository.


Yet, another 300-gradient collection by Leo Simon in photoshop gradient preset format (grd file). Download file here

Here are some previews from this collection

  1. Shore #70e1f5 → #ffd194
Shore #70e1f5 → #ffd194

2. Vanusa #da4453 → #89216b

Vanusa #da4453 → #89216b

3. Shifter #f80759 → #bc4e9c

Shifter #f80759 → #bc4e9c

4. Ohhappiness #96c93d → #00b09b

Ohhappiness #96c93d → #00b09b

5. Orange Coral #ff9966 → #ff5e62

Orange Coral #ff9966 → #ff5e62

6. Purpink #e100ff → #7f00ff

Purpink #e100ff → #7f00ff

7. Crimson Tide #c6426e → #642b73

Crimson Tide #c6426e → #642b73

8. Relay #ffaf7b → #d76d77 → #3a1c71

Relay #ffaf7b → #d76d77 → #3a1c71

9. Mello #8e44ad → #c0392b

Mello #8e44ad → #c0392b

10. Can You Feel The Love Tonight #b06ab3 → #4568dc

Can You Feel The Love Tonight #b06ab3 → #4568dc

11. Roseanna #ffc3a0 → #ffafbd

Roseanna #ffc3a0 → #ffafbd

12. Easymed #dce35b → #45b649

Easymed #dce35b → #45b649

13. Ibiza Sunset #ff6a00 → #ee0979

Ibiza Sunset #ff6a00 → #ee0979

14. Cosmic Fusion #ff00cc → #333399

Cosmic Fusion #ff00cc → #333399

15. Netflix #8e0e00 → #1f1c18

Netflix #8e0e00 → #1f1c18

16. Passion #e35d5b → #e53935

Passion #e35d5b → #e53935

17. Timber #00dbde → #fc00ff

Timber #00dbde → #fc00ff

18. Virgin America #dc2430 → #7b4397

Virgin America #dc2430 → #7b4397

19. Instagram #833ab4 → #fd1d1d → #fcb045

Instagram #833ab4 → #fd1d1d → #fcb045

20. Messenger #00c6ff → #0072ff

Messenger #00c6ff → #0072ff

21. Day Tripper #ff5858 → #f857a6

Day Tripper #ff5858 → #f857a6

22. Electric Violet #4776e6 → #8e54e9

Electric Violet #4776e6 → #8e54e9

23. Pinky #f7bb97 → #dd5e89

Pinky #f7bb97 → #dd5e89

24. Bloody Mary #ff512f → #dd2476

Bloody Mary #ff512f → #dd2476

25. YouTube #e52d27 → #b31217

YouTube #e52d27 → #b31217

26. Dimigo #fc6767 → #ec008c

Dimigo #fc6767 → #ec008c

27. Mango #ffe259 → #ffa751

Mango #ffe259 → #ffa751

This is another collection of non-uniform 25 vector gradient. All vector paths are included in a single file and can be download from here. Following is the previews of them.