Dear color lovers – together, we’ll have a more colorful future. Support us on

CSS Gradients:
#DABAEC

Information

ferme tous les

Laisse-toi suggérer des CSS dégradés de deux teintes comme la teinte de base et la couleur complémentaire.

Trouve des exemples de transitions de couleurs linéaires et radiales.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus claire.

Trouve des exemples de transitions linéaires et radiales de Teintes plus claires.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Laisse-toi suggérer des CSS dégradés de deux teintes, comme la teinte de base et une teinte plus foncée.

Trouve des exemples de transitions de couleurs linéaires et radiales de Teintes plus foncées.

Facile pour le webdesign : copie le code CSS pour l'intégrer facilement sur ton site.

Options d'affichage

Description

Comme les valeurs chromatiques sont relativement élevées par rapport aux autres, cette teinte nous semble plus claire.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 218 Rouge, 186 Vert et 236 bleu.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des trois éléments rouge (en haut), vert (en bas à droite) et bleu (en bas à gauche). Au centre, tu peux voir la couleur résultante.
218 186 236 R G B
Dans le système de couleurs CMYK, la couleur est composée de la manière suivante : Dans cette teinte, sur 100 parts maximales de couleur, respectivement 8 cyan, 21 magenta, pas de jaune et 7 key.

Du mélange de ces couleurs résulte la teinte affichée au milieu des chevauchements.

Dans la représentation, tu vois comment la couleur est composée des quatre éléments cyan (en haut à gauche), magenta (en haut à droite), jaune ou yellow (en bas à droite) et noir ou key (en bas à gauche). Au centre, tu peux voir la couleur obtenue.
8% 21% 0% 7% C M Y K

Vérification de leur palette de couleurs en tant que fabricant !

Offrez aux designers et aux agences des valeurs chromatiques précises.

C'est parti

Linéaire

HEX #DABAEC sur HEX #254513


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 3%, #254513 92%);

Radial

HEX #DABAEC sur HEX #254513


Code CSS:

background-image: radial-gradient(circle, #DABAEC 6%, #254513 93%);

 

HEX #254513 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #254513 9%, #DABAEC 93%);

 

HEX #254513 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #254513 10%, #DABAEC 94%);

Linéaire

HEX #DABAEC sur HEX #CDBAEC


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 10%, #CDBAEC 98%);

Radial

HEX #DABAEC sur HEX #CDBAEC


Code CSS:

background-image: radial-gradient(circle, #DABAEC 4%, #CDBAEC 99%);

 

HEX #CDBAEC sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #CDBAEC 1%, #DABAEC 99%);

 

HEX #CDBAEC sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #CDBAEC 6%, #DABAEC 88%);

 

HEX #DABAEC sur HEX #E7BAEC


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 7%, #E7BAEC 94%);

 

HEX #DABAEC sur HEX #E7BAEC


Code CSS:

background-image: radial-gradient(circle, #DABAEC 5%, #E7BAEC 87%);

 

HEX #E7BAEC sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #E7BAEC 10%, #DABAEC 93%);

 

HEX #E7BAEC sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #E7BAEC 3%, #DABAEC 94%);

 

HEX #DABAEC sur HEX #ECBAE4


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 14%, #ECBAE4 95%);

 

HEX #DABAEC sur HEX #ECBAE4


Code CSS:

background-image: radial-gradient(circle, #DABAEC 13%, #ECBAE4 95%);

 

HEX #ECBAE4 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #ECBAE4 6%, #DABAEC 97%);

 

HEX #ECBAE4 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #ECBAE4 4%, #DABAEC 94%);

Linéaire

HEX #DABAEC sur HEX #C99AE3


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 7%, #C99AE3 87%);

Radial

HEX #DABAEC sur HEX #C99AE3


Code CSS:

background-image: radial-gradient(circle, #DABAEC 7%, #C99AE3 93%);

 

HEX #C99AE3 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #C99AE3 9%, #DABAEC 94%);

 

HEX #C99AE3 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #C99AE3 7%, #DABAEC 89%);

 

HEX #DABAEC sur HEX #EBDBF5


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 5%, #EBDBF5 91%);

 

HEX #DABAEC sur HEX #EBDBF5


Code CSS:

background-image: radial-gradient(circle, #DABAEC 3%, #EBDBF5 96%);

 

HEX #EBDBF5 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #EBDBF5 8%, #DABAEC 100%);

 

HEX #EBDBF5 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #EBDBF5 4%, #DABAEC 89%);

 

HEX #DABAEC sur HEX #FDFBFE


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 6%, #FDFBFE 86%);

 

HEX #DABAEC sur HEX #FDFBFE


Code CSS:

background-image: radial-gradient(circle, #DABAEC 7%, #FDFBFE 92%);

 

HEX #FDFBFE sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #FDFBFE 10%, #DABAEC 91%);

 

HEX #FDFBFE sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #FDFBFE 5%, #DABAEC 87%);

Linéaire

HEX #DABAEC sur HEX #CDBAEC


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 8%, #CDBAEC 88%);

Radial

HEX #DABAEC sur HEX #CDBAEC


Code CSS:

background-image: radial-gradient(circle, #DABAEC 12%, #CDBAEC 96%);

 

HEX #CDBAEC sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #CDBAEC 9%, #DABAEC 88%);

 

HEX #CDBAEC sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #CDBAEC 3%, #DABAEC 99%);

 

HEX #DABAEC sur HEX #E7BAEC


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 12%, #E7BAEC 97%);

 

HEX #DABAEC sur HEX #E7BAEC


Code CSS:

background-image: radial-gradient(circle, #DABAEC 4%, #E7BAEC 97%);

 

HEX #E7BAEC sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #E7BAEC 10%, #DABAEC 99%);

 

HEX #E7BAEC sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #E7BAEC 0%, #DABAEC 88%);

 

HEX #DABAEC sur HEX #ECBAE4


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 10%, #ECBAE4 90%);

 

HEX #DABAEC sur HEX #ECBAE4


Code CSS:

background-image: radial-gradient(circle, #DABAEC 6%, #ECBAE4 93%);

 

HEX #ECBAE4 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #ECBAE4 4%, #DABAEC 86%);

 

HEX #ECBAE4 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #ECBAE4 14%, #DABAEC 88%);

Linéaire

HEX #DABAEC sur HEX #C99AE3


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 5%, #C99AE3 98%);

Radial

HEX #DABAEC sur HEX #C99AE3


Code CSS:

background-image: radial-gradient(circle, #DABAEC 9%, #C99AE3 95%);

 

HEX #C99AE3 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #C99AE3 4%, #DABAEC 88%);

 

HEX #C99AE3 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #C99AE3 0%, #DABAEC 95%);

 

HEX #DABAEC sur HEX #EBDBF5


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 2%, #EBDBF5 99%);

 

HEX #DABAEC sur HEX #EBDBF5


Code CSS:

background-image: radial-gradient(circle, #DABAEC 5%, #EBDBF5 100%);

 

HEX #EBDBF5 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #EBDBF5 8%, #DABAEC 91%);

 

HEX #EBDBF5 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #EBDBF5 10%, #DABAEC 96%);

 

HEX #DABAEC sur HEX #FDFBFE


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 7%, #FDFBFE 87%);

 

HEX #DABAEC sur HEX #FDFBFE


Code CSS:

background-image: radial-gradient(circle, #DABAEC 6%, #FDFBFE 94%);

 

HEX #FDFBFE sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #FDFBFE 8%, #DABAEC 86%);

 

HEX #FDFBFE sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #FDFBFE 8%, #DABAEC 99%);

Linéaire

HEX #DABAEC sur HEX #ECBAC3


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 13%, #ECBAC3 88%);

Radial

HEX #DABAEC sur HEX #ECBAC3


Code CSS:

background-image: radial-gradient(circle, #DABAEC 2%, #ECBAC3 90%);

 

HEX #ECBAC3 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #ECBAC3 3%, #DABAEC 93%);

 

HEX #ECBAC3 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #ECBAC3 4%, #DABAEC 100%);

 

HEX #DABAEC sur HEX #BAECC6


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 11%, #BAECC6 89%);

 

HEX #DABAEC sur HEX #BAECC6


Code CSS:

background-image: radial-gradient(circle, #DABAEC 2%, #BAECC6 94%);

 

HEX #BAECC6 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #BAECC6 9%, #DABAEC 92%);

 

HEX #BAECC6 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #BAECC6 9%, #DABAEC 89%);

Linéaire

HEX #DABAEC sur HEX #ECDABA


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 3%, #ECDABA 98%);

Radial

HEX #DABAEC sur HEX #ECDABA


Code CSS:

background-image: radial-gradient(circle, #DABAEC 2%, #ECDABA 98%);

 

HEX #ECDABA sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #ECDABA 4%, #DABAEC 87%);

 

HEX #ECDABA sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #ECDABA 1%, #DABAEC 98%);

 

HEX #DABAEC sur HEX #BAECDA


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 13%, #BAECDA 100%);

 

HEX #DABAEC sur HEX #BAECDA


Code CSS:

background-image: radial-gradient(circle, #DABAEC 0%, #BAECDA 90%);

 

HEX #BAECDA sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #BAECDA 14%, #DABAEC 98%);

 

HEX #BAECDA sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #BAECDA 6%, #DABAEC 92%);

Linéaire

HEX #DABAEC sur HEX #ECBAC3


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 6%, #ECBAC3 100%);

Radial

HEX #DABAEC sur HEX #ECBAC3


Code CSS:

background-image: radial-gradient(circle, #DABAEC 2%, #ECBAC3 95%);

 

HEX #ECBAC3 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #ECBAC3 0%, #DABAEC 92%);

 

HEX #ECBAC3 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #ECBAC3 5%, #DABAEC 93%);

 

HEX #DABAEC sur HEX #CDECBA


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 14%, #CDECBA 96%);

 

HEX #DABAEC sur HEX #CDECBA


Code CSS:

background-image: radial-gradient(circle, #DABAEC 10%, #CDECBA 95%);

 

HEX #CDECBA sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #CDECBA 4%, #DABAEC 94%);

 

HEX #CDECBA sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #CDECBA 3%, #DABAEC 93%);

 

HEX #DABAEC sur HEX #BAECE4


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 0%, #BAECE4 100%);

 

HEX #DABAEC sur HEX #BAECE4


Code CSS:

background-image: radial-gradient(circle, #DABAEC 9%, #BAECE4 92%);

 

HEX #BAECE4 sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #BAECE4 1%, #DABAEC 91%);

 

HEX #BAECE4 sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #BAECE4 9%, #DABAEC 90%);

Linéaire

HEX #DABAEC sur HEX #ECC1BA


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 13%, #ECC1BA 100%);

Radial

HEX #DABAEC sur HEX #ECC1BA


Code CSS:

background-image: radial-gradient(circle, #DABAEC 1%, #ECC1BA 98%);

 

HEX #ECC1BA sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #ECC1BA 12%, #DABAEC 87%);

 

HEX #ECC1BA sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #ECC1BA 5%, #DABAEC 98%);

 

HEX #DABAEC sur HEX #CDECBA


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 10%, #CDECBA 98%);

 

HEX #DABAEC sur HEX #CDECBA


Code CSS:

background-image: radial-gradient(circle, #DABAEC 2%, #CDECBA 93%);

 

HEX #CDECBA sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #CDECBA 3%, #DABAEC 97%);

 

HEX #CDECBA sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #CDECBA 10%, #DABAEC 91%);

 

HEX #DABAEC sur HEX #BAE5EC


Code CSS:

background-image: linear-gradient(135deg, #DABAEC 9%, #BAE5EC 98%);

 

HEX #DABAEC sur HEX #BAE5EC


Code CSS:

background-image: radial-gradient(circle, #DABAEC 10%, #BAE5EC 98%);

 

HEX #BAE5EC sur HEX #DABAEC


Code CSS:

background-image: linear-gradient(135deg, #BAE5EC 1%, #DABAEC 90%);

 

HEX #BAE5EC sur HEX #DABAEC


Code CSS:

background-image: radial-gradient(circle, #BAE5EC 5%, #DABAEC 91%);

Afficher plus de palettes de couleurs

Services

Couleurs

RGB en HEX

convertir de RGB rouge vert bleu sur #RRGGBB

RGB en CMYK

convertir de RGB rouge vert bleu sur CMYK cyan / magenta / jaune / key

Icons

RGB en RAL®

convertir de RGB rouge vert bleu sur Numéro RAL® (RAL 0000)

RGB en HKS®

convertir de RGB rouge vert bleu sur Numéro HKS® (HKS 00)

RGB en PANTONE®

convertir de RGB rouge vert bleu sur Numéro Pantone® (Pantone 0000)

RGB en Sherwin Williams®

convertir de RGB rouge vert bleu sur Sherwin Williams® numéro (SW 0000)

RGB en NCS®

convertir de RGB rouge vert bleu sur Numéro NCS (S0000-X00X)

nsc-logo

CMYK en HEX

convertir de CMYK cyan / magenta / jaune / key sur #RRGGBB

CMYK en RGB

convertir de CMYK cyan / magenta / jaune / key sur RGB rouge vert bleu

CMYK en RAL®

convertir de CMYK cyan / magenta / jaune / key sur Numéro RAL® (RAL 0000)

CMYK en HKS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro HKS® (HKS 00)

CMYK en PANTONE®

convertir de CMYK cyan / magenta / jaune / key sur Numéro Pantone® (Pantone 0000)

CMYK en Sherwin Williams®

convertir de CMYK cyan / magenta / jaune / key sur Sherwin Williams® numéro (SW 0000)

CMYK en NCS®

convertir de CMYK cyan / magenta / jaune / key sur Numéro NCS (S0000-X00X)

nsc-logo

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en CMYK

convertir de #RRGGBB sur CMYK cyan / magenta / jaune / key

Icons

HEX en RAL®

convertir de #RRGGBB sur Numéro RAL® (RAL 0000)

HEX en HKS®

convertir de #RRGGBB sur Numéro HKS® (HKS 00)

HEX en PANTONE®

convertir de #RRGGBB sur Numéro Pantone® (Pantone 0000)

HEX en Sherwin Williams®

convertir de #RRGGBB sur Sherwin Williams® numéro (SW 0000)

HEX en NCS®

convertir de #RRGGBB sur Numéro NCS (S0000-X00X)

nsc-logo

RAL® en RGB

convertir de Numéro RAL® (RAL 0000) sur RGB rouge vert bleu

RAL® en CMYK

convertir de Numéro RAL® (RAL 0000) sur CMYK cyan / magenta / jaune / key

Icons

RAL® en HEX

convertir de Numéro RAL® (RAL 0000) sur #RRGGBB

RAL® en HKS®

convertir de Numéro RAL® (RAL 0000) sur Numéro HKS® (HKS 00)

RAL® en PANTONE®

convertir de Numéro RAL® (RAL 0000) sur Numéro Pantone® (Pantone 0000)

RAL® en Sherwin Williams®

convertir de Numéro RAL® (RAL 0000) sur Sherwin Williams® numéro (SW 0000)

RAL® en NCS®

convertir de Numéro RAL® (RAL 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

HKS® en RGB

convertir de Numéro HKS® (HKS 00) sur RGB rouge vert bleu

HKS® en CMYK

convertir de Numéro HKS® (HKS 00) sur CMYK cyan / magenta / jaune / key

Icons

HKS® en HEX

convertir de Numéro HKS® (HKS 00) sur #RRGGBB

HKS® en RAL®

convertir de Numéro HKS® (HKS 00) sur Numéro RAL® (RAL 0000)

HKS® en PANTONE®

convertir de Numéro HKS® (HKS 00) sur Numéro Pantone® (Pantone 0000)

HKS® en Sherwin Williams®

convertir de Numéro HKS® (HKS 00) sur Sherwin Williams® numéro (SW 0000)

HKS® en NCS®

convertir de Numéro HKS® (HKS 00) sur Numéro NCS (S0000-X00X)

nsc-logo

PANTONE® en RGB

convertir de Numéro Pantone® (Pantone 0000) sur RGB rouge vert bleu

PANTONE® en CMYK

convertir de Numéro Pantone® (Pantone 0000) sur CMYK cyan / magenta / jaune / key

Icons

PANTONE® en HEX

convertir de Numéro Pantone® (Pantone 0000) sur #RRGGBB

PANTONE® en RAL®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro RAL® (RAL 0000)

PANTONE® en HKS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro HKS® (HKS 00)

PANTONE® en Sherwin Williams®

convertir de Numéro Pantone® (Pantone 0000) sur Sherwin Williams® numéro (SW 0000)

PANTONE® en NCS®

convertir de Numéro Pantone® (Pantone 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

Sherwin Williams® en RGB

convertir de Sherwin Williams® numéro (SW 0000) sur RGB rouge vert bleu

Sherwin Williams® en CMYK

convertir de Sherwin Williams® numéro (SW 0000) sur CMYK cyan / magenta / jaune / key

Icons

Sherwin Williams® en HEX

convertir de Sherwin Williams® numéro (SW 0000) sur #RRGGBB

Sherwin Williams® en RAL®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro RAL® (RAL 0000)

Sherwin Williams® en HKS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro HKS® (HKS 00)

Sherwin Williams® en PANTONE®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro Pantone® (Pantone 0000)

Sherwin Williams® en NCS®

convertir de Sherwin Williams® numéro (SW 0000) sur Numéro NCS (S0000-X00X)

nsc-logo

NCS® en RGB

convertir de Numéro NCS (S0000-X00X) sur RGB rouge vert bleu

NCS® en CMYK

convertir de Numéro NCS (S0000-X00X) sur CMYK cyan / magenta / jaune / key

Icons

NCS® en HEX

convertir de Numéro NCS (S0000-X00X) sur #RRGGBB

NCS® en RAL®

convertir de Numéro NCS (S0000-X00X) sur Numéro RAL® (RAL 0000)

NCS® en HKS®

convertir de Numéro NCS (S0000-X00X) sur Numéro HKS® (HKS 00)

NCS® en PANTONE®

convertir de Numéro NCS (S0000-X00X) sur Numéro Pantone® (Pantone 0000)

NCS® en Sherwin Williams®

convertir de Numéro NCS (S0000-X00X) sur Sherwin Williams® numéro (SW 0000)

Codes

Pour pouvoir enregistrer des palettes de couleurs, tu dois être connecté.

Se connecter à ton compte

ou

Créer un compte

Partager la palette de couleurs actuelle
Doit-elle être publique ou privée?
Les liens suivent après le partage.

Annuler Partager

Palette de couleurs partagée
Veuillez copier et enregistrer le lien que vous souhaitez.

Partager

OK, j'ai copié les liens

Tes couleurs sont enregistrées dans une nouvelle palette de couleurs.
Vois-la sous ton profil.
Tu peux la personnaliser davantage et la partager.

Afficher la palette de couleurs
Fermer

Créer une palette de couleurs

TéléchargerTélécharger dans différents formats

Tout supprimer

En cliquant sur , tu peux créer des palettes et télécharger les nuanciers.