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

✕

CSS Gradients:
CMYK 0 / 95 / 52 / 68

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 faibles par rapport aux autres, cette teinte nous semble plus sombre.

La décomposition de la couleur dans le système de couleurs RGB : dans cette teinte, sur 255 parts de couleurs maximales, respectivement 82 Rouge, 4 Vert et 39 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.
82 4 39 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 pas de cyan, 95 magenta, 52 jaune et 68 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.
0% 95% 52% 68% 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 #520427 sur HEX #ADFBD8


Code CSS:

background-image: linear-gradient(135deg, #520427 11%, #ADFBD8 90%);

Radial

HEX #520427 sur HEX #ADFBD8


Code CSS:

background-image: radial-gradient(circle, #520427 14%, #ADFBD8 90%);

 

HEX #ADFBD8 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #ADFBD8 4%, #520427 99%);

 

HEX #ADFBD8 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #ADFBD8 14%, #520427 99%);

Linéaire

HEX #520427 sur HEX #52033C


Code CSS:

background-image: linear-gradient(135deg, #520427 11%, #52033C 88%);

Radial

HEX #520427 sur HEX #52033C


Code CSS:

background-image: radial-gradient(circle, #520427 3%, #52033C 87%);

 

HEX #52033C sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #52033C 11%, #520427 100%);

 

HEX #52033C sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #52033C 9%, #520427 93%);

 

HEX #520427 sur HEX #520327


Code CSS:

background-image: linear-gradient(135deg, #520427 2%, #520327 91%);

 

HEX #520427 sur HEX #520327


Code CSS:

background-image: radial-gradient(circle, #520427 6%, #520327 88%);

 

HEX #520327 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #520327 0%, #520427 97%);

 

HEX #520327 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #520327 9%, #520427 88%);

 

HEX #520427 sur HEX #520312


Code CSS:

background-image: linear-gradient(135deg, #520427 2%, #520312 90%);

 

HEX #520427 sur HEX #520312


Code CSS:

background-image: radial-gradient(circle, #520427 9%, #520312 98%);

 

HEX #520312 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #520312 7%, #520427 95%);

 

HEX #520312 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #520312 13%, #520427 93%);

 

HEX #520427 sur HEX #520A03


Code CSS:

background-image: linear-gradient(135deg, #520427 4%, #520A03 95%);

 

HEX #520427 sur HEX #520A03


Code CSS:

background-image: radial-gradient(circle, #520427 5%, #520A03 92%);

 

HEX #520A03 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #520A03 13%, #520427 92%);

 

HEX #520A03 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #520A03 0%, #520427 96%);

Linéaire

HEX #520427 sur HEX #2B0214


Code CSS:

background-image: linear-gradient(135deg, #520427 5%, #2B0214 95%);

Radial

HEX #520427 sur HEX #2B0214


Code CSS:

background-image: radial-gradient(circle, #520427 13%, #2B0214 98%);

 

HEX #2B0214 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #2B0214 3%, #520427 97%);

 

HEX #2B0214 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #2B0214 11%, #520427 88%);

 

HEX #520427 sur HEX #520327


Code CSS:

background-image: linear-gradient(135deg, #520427 14%, #520327 91%);

 

HEX #520427 sur HEX #520327


Code CSS:

background-image: radial-gradient(circle, #520427 1%, #520327 94%);

 

HEX #520327 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #520327 4%, #520427 98%);

 

HEX #520327 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #520327 9%, #520427 97%);

 

HEX #520427 sur HEX #7A053A


Code CSS:

background-image: linear-gradient(135deg, #520427 3%, #7A053A 90%);

 

HEX #520427 sur HEX #7A053A


Code CSS:

background-image: radial-gradient(circle, #520427 4%, #7A053A 88%);

 

HEX #7A053A sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #7A053A 4%, #520427 90%);

 

HEX #7A053A sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #7A053A 12%, #520427 95%);

 

HEX #520427 sur HEX #A1074C


Code CSS:

background-image: linear-gradient(135deg, #520427 0%, #A1074C 95%);

 

HEX #520427 sur HEX #A1074C


Code CSS:

background-image: radial-gradient(circle, #520427 6%, #A1074C 96%);

 

HEX #A1074C sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #A1074C 12%, #520427 88%);

 

HEX #A1074C sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #A1074C 12%, #520427 92%);

Linéaire

HEX #520427 sur HEX #52033C


Code CSS:

background-image: linear-gradient(135deg, #520427 9%, #52033C 99%);

Radial

HEX #520427 sur HEX #52033C


Code CSS:

background-image: radial-gradient(circle, #520427 12%, #52033C 100%);

 

HEX #52033C sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #52033C 6%, #520427 99%);

 

HEX #52033C sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #52033C 11%, #520427 99%);

 

HEX #520427 sur HEX #520327


Code CSS:

background-image: linear-gradient(135deg, #520427 1%, #520327 86%);

 

HEX #520427 sur HEX #520327


Code CSS:

background-image: radial-gradient(circle, #520427 4%, #520327 91%);

 

HEX #520327 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #520327 11%, #520427 95%);

 

HEX #520327 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #520327 1%, #520427 91%);

 

HEX #520427 sur HEX #520312


Code CSS:

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

 

HEX #520427 sur HEX #520312


Code CSS:

background-image: radial-gradient(circle, #520427 5%, #520312 86%);

 

HEX #520312 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #520312 8%, #520427 90%);

 

HEX #520312 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #520312 14%, #520427 98%);

 

HEX #520427 sur HEX #520A03


Code CSS:

background-image: linear-gradient(135deg, #520427 9%, #520A03 88%);

 

HEX #520427 sur HEX #520A03


Code CSS:

background-image: radial-gradient(circle, #520427 9%, #520A03 95%);

 

HEX #520A03 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #520A03 3%, #520427 98%);

 

HEX #520A03 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #520A03 6%, #520427 91%);

Linéaire

HEX #520427 sur HEX #2B0214


Code CSS:

background-image: linear-gradient(135deg, #520427 0%, #2B0214 90%);

Radial

HEX #520427 sur HEX #2B0214


Code CSS:

background-image: radial-gradient(circle, #520427 3%, #2B0214 98%);

 

HEX #2B0214 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #2B0214 13%, #520427 98%);

 

HEX #2B0214 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #2B0214 14%, #520427 88%);

 

HEX #520427 sur HEX #520327


Code CSS:

background-image: linear-gradient(135deg, #520427 11%, #520327 91%);

 

HEX #520427 sur HEX #520327


Code CSS:

background-image: radial-gradient(circle, #520427 7%, #520327 90%);

 

HEX #520327 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #520327 14%, #520427 99%);

 

HEX #520327 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #520327 0%, #520427 99%);

 

HEX #520427 sur HEX #7A053A


Code CSS:

background-image: linear-gradient(135deg, #520427 7%, #7A053A 91%);

 

HEX #520427 sur HEX #7A053A


Code CSS:

background-image: radial-gradient(circle, #520427 9%, #7A053A 97%);

 

HEX #7A053A sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #7A053A 8%, #520427 90%);

 

HEX #7A053A sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #7A053A 7%, #520427 99%);

 

HEX #520427 sur HEX #A1074C


Code CSS:

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

 

HEX #520427 sur HEX #A1074C


Code CSS:

background-image: radial-gradient(circle, #520427 9%, #A1074C 91%);

 

HEX #A1074C sur HEX #520427


Code CSS:

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

 

HEX #A1074C sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #A1074C 1%, #520427 96%);

Linéaire

HEX #520427 sur HEX #523F03


Code CSS:

background-image: linear-gradient(135deg, #520427 10%, #523F03 86%);

Radial

HEX #520427 sur HEX #523F03


Code CSS:

background-image: radial-gradient(circle, #520427 5%, #523F03 94%);

 

HEX #523F03 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #523F03 5%, #520427 100%);

 

HEX #523F03 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #523F03 0%, #520427 89%);

 

HEX #520427 sur HEX #034652


Code CSS:

background-image: linear-gradient(135deg, #520427 3%, #034652 88%);

 

HEX #520427 sur HEX #034652


Code CSS:

background-image: radial-gradient(circle, #520427 6%, #034652 96%);

 

HEX #034652 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #034652 0%, #520427 99%);

 

HEX #034652 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #034652 2%, #520427 94%);

Linéaire

HEX #520427 sur HEX #275203


Code CSS:

background-image: linear-gradient(135deg, #520427 10%, #275203 86%);

Radial

HEX #520427 sur HEX #275203


Code CSS:

background-image: radial-gradient(circle, #520427 5%, #275203 89%);

 

HEX #275203 sur HEX #520427


Code CSS:

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

 

HEX #275203 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #275203 5%, #520427 94%);

 

HEX #520427 sur HEX #032752


Code CSS:

background-image: linear-gradient(135deg, #520427 1%, #032752 89%);

 

HEX #520427 sur HEX #032752


Code CSS:

background-image: radial-gradient(circle, #520427 14%, #032752 96%);

 

HEX #032752 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #032752 14%, #520427 88%);

 

HEX #032752 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #032752 0%, #520427 95%);

Linéaire

HEX #520427 sur HEX #523F03


Code CSS:

background-image: linear-gradient(135deg, #520427 1%, #523F03 88%);

Radial

HEX #520427 sur HEX #523F03


Code CSS:

background-image: radial-gradient(circle, #520427 12%, #523F03 99%);

 

HEX #523F03 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #523F03 14%, #520427 97%);

 

HEX #523F03 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #523F03 14%, #520427 94%);

 

HEX #520427 sur HEX #03522F


Code CSS:

background-image: linear-gradient(135deg, #520427 11%, #03522F 95%);

 

HEX #520427 sur HEX #03522F


Code CSS:

background-image: radial-gradient(circle, #520427 0%, #03522F 88%);

 

HEX #03522F sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #03522F 8%, #520427 94%);

 

HEX #03522F sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #03522F 14%, #520427 86%);

 

HEX #520427 sur HEX #031752


Code CSS:

background-image: linear-gradient(135deg, #520427 14%, #031752 99%);

 

HEX #520427 sur HEX #031752


Code CSS:

background-image: radial-gradient(circle, #520427 11%, #031752 92%);

 

HEX #031752 sur HEX #520427


Code CSS:

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

 

HEX #031752 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #031752 10%, #520427 98%);

Linéaire

HEX #520427 sur HEX #4E5203


Code CSS:

background-image: linear-gradient(135deg, #520427 2%, #4E5203 86%);

Radial

HEX #520427 sur HEX #4E5203


Code CSS:

background-image: radial-gradient(circle, #520427 6%, #4E5203 87%);

 

HEX #4E5203 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #4E5203 6%, #520427 87%);

 

HEX #4E5203 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #4E5203 0%, #520427 96%);

 

HEX #520427 sur HEX #03522F


Code CSS:

background-image: linear-gradient(135deg, #520427 10%, #03522F 99%);

 

HEX #520427 sur HEX #03522F


Code CSS:

background-image: radial-gradient(circle, #520427 6%, #03522F 97%);

 

HEX #03522F sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #03522F 10%, #520427 93%);

 

HEX #03522F sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #03522F 6%, #520427 95%);

 

HEX #520427 sur HEX #070352


Code CSS:

background-image: linear-gradient(135deg, #520427 3%, #070352 89%);

 

HEX #520427 sur HEX #070352


Code CSS:

background-image: radial-gradient(circle, #520427 9%, #070352 87%);

 

HEX #070352 sur HEX #520427


Code CSS:

background-image: linear-gradient(135deg, #070352 10%, #520427 89%);

 

HEX #070352 sur HEX #520427


Code CSS:

background-image: radial-gradient(circle, #070352 4%, #520427 87%);

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
Icons

CMYK en HEX

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

CMYK en RGB

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

CMYK en RAL®

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

CMYK en HKS®

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

CMYK en PANTONE®

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

CMYK en Sherwin Williams®

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

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
nsc-logo

NCS® en RGB

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

NCS® en CMYK

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

Icons
nsc-logo

NCS® en HEX

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

NCS® en RAL®

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

NCS® en HKS®

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

NCS® en PANTONE®

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

NCS® en Sherwin Williams®

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

Codes

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2025 - Designed by frag-bobby.de