36 magnifiques "color gradients" pour votre prochain projet de design

36 magnifiques “color gradients” pour votre prochain projet de design

color gradients

Vous recherchez de magnifiques dégradés pour votre conception graphique, Web ou UI ? Le concepteur de produits et développeur front-end Indrashish Ghosh a créé un outil en ligne utile appelé uiGradients.

Il s’agit d’une collection gratuite de plus de 260 color gradients linéaires que vous pouvez utiliser pour la conception et le code. Vous pouvez parcourir les dégradés par couleur, copier leurs codes hexadécimaux ou CSS, et même télécharger une version .JPG de chacun. 

En voici quelques-uns de la collection.

1. Roseanna

Dégradé de couleur rose, nuances, arrière-plan
#ffafbd → #ffc3a0

2. Bleu sexy

Dégradé de couleur bleue, nuances, arrière-plan
#2193b0 → #6dd5ed

3. Amour violet

Dégradé de couleur pourpre, nuances, arrière-plan
#cc2b5e → #753a88

4. Porcinet

Dégradé de couleur rose, nuances, arrière-plan
#ee9ca7 → #ffdde1

5. Mauve

Dégradé de couleur pourpre, nuances, arrière-plan
#42275a → #734b6d

6. 50 nuances de gris

Dégradé de couleur grise, nuances, arrière-plan
#bdc3c7 → #2c3e50

7. Un souvenir perdu

Dégradé de couleur orange, nuances, arrière-plan
#de6262 → #ffb88c

8. Social

Dégradé de couleur verte, nuances, arrière-plan
#06beb6 → #48b1bf

9. Cerise

Dégradé de couleur rouge, nuances, arrière-plan
#eb3349 → #f45c43

10. petit doigt

Dégradé de couleur rose, nuances, arrière-plan
#dd5e89 → #f7bb97

11. Luxuriante

Dégradé de couleur verte, nuances, arrière-plan
#56ab2f → #a8e063

12. Cachemire

Dégradé de couleur bleu et violet, nuances, arrière-plan
#614385 → #516395

13. Tranquille

Dégradé de couleur rose, nuances, arrière-plan
#eecda3 → #ef629f

14. Bois pâle

Dégradé de couleur marron, nuances, arrière-plan
#eacda3 → #d6ae7b

15. Plage verte

Dégradé de couleur verte, nuances, arrière-plan
#02aab0 → #00cdac

16. Sha La La

Dégradé de couleur rose, nuances, arrière-plan
#d66d75 → #e29587

17. Givre

Dégradé de couleur bleue, nuances, arrière-plan
#000428 → #004e92

18. Presque

Dégradé de couleur rose, nuances, arrière-plan
#ddd6f3 → #faaca8

19. Vierge Amérique

Dégradé de couleur violet et rouge, nuances, arrière-plan
#7b4397 → #dc2430

20. Rivière sans fin

Dégradé de couleur vert et bleu, nuances, arrière-plan
#43cea2 → #185a9d

21. Violet Blanc

Dégradé de couleur rose, nuances, arrière-plan
#ba5370 → #f4e2d8

22. Bloody Mary

Dégradé de couleur orange, rouge et rose, nuances, arrière-plan
#ff512f → #dd2476

23. Pouvez-vous sentir l’amour ce soir

Dégradé de couleur bleu et violet, nuances, arrière-plan
#4568dc → #b06ab3

24. Bourbon

Dégradé de couleur de peau orange et rose, nuances, arrière-plan
#ec6f66 → #f3a183

25. Crépuscule

Dégradé de couleur jaune et bleu, nuances, arrière-plan
#ffd89b → #19547b

26. Relais

Dégradé de couleur bleu et orange, nuances, arrière-plan
#3a1c71 → #d76d77 → #ffaf7b

27. Décent

Dégradé de couleur vert, bleu et gris, nuances, arrière-plan
#4ca1af → #c4e0e5

28. Douce matinée

Dégradé de couleur orange, nuances, arrière-plan
#ff5f6d → #ffc371

29. Trottinette

Dégradé de couleur bleue, nuances, arrière-plan
#36d1dc → #5b86e5

30. Céleste

Dégradé de couleur pourpre, nuances, arrière-plan
#c33764 → #1d2671

31. Royale

Dégradé de couleur bleu royal, nuances, arrière-plan
#141e30 → #243b55

32. Gradient du coucher du soleil d’Ed

Dégradé de couleur orange, nuances, arrière-plan
#ff7e5f → #feb47b

33. Pêche

Dégradé de couleur rose et jaune, nuances, arrière-plan
#ed4264 → #ffedbc

34. Mer Bleue

Dégradé de couleur bleue, nuances, arrière-plan
#2b5876 → #4e4376

35. Corail Orange

Dégradé de couleur orange, nuances, arrière-plan
#ff9966 → #ff5e62

36. Aubergines

Dégradé de couleur pourpre, nuances, arrière-plan
#aa076b → #61045f
Total
0
Shares
Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Article précédent
dall 2 ia

DALL-E 2, l’IA qui génère des images selon votre imagination

Article suivant
cinemagraph

Qu’est-ce qu’un cinemagraph et comment en créer un ?

Lire Aussi :