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

✕

CSS Gradients:
CMYK 12 / 0 / 34 / 49

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 114 Rouge, 130 Vert et 86 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.
114 130 86 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 12 cyan, pas de magenta, 34 jaune et 49 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.
12% 0% 34% 49% 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 #728256 sur HEX #8D7DA9


Code CSS:

background-image: linear-gradient(135deg, #728256 0%, #8D7DA9 99%);

Radial

HEX #728256 sur HEX #8D7DA9


Code CSS:

background-image: radial-gradient(circle, #728256 8%, #8D7DA9 89%);

 

HEX #8D7DA9 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #8D7DA9 2%, #728256 97%);

 

HEX #8D7DA9 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #8D7DA9 3%, #728256 92%);

Linéaire

HEX #728256 sur HEX #7C8055


Code CSS:

background-image: linear-gradient(135deg, #728256 2%, #7C8055 91%);

Radial

HEX #728256 sur HEX #7C8055


Code CSS:

background-image: radial-gradient(circle, #728256 0%, #7C8055 87%);

 

HEX #7C8055 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #7C8055 8%, #728256 98%);

 

HEX #7C8055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #7C8055 7%, #728256 98%);

 

HEX #728256 sur HEX #718055


Code CSS:

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

 

HEX #728256 sur HEX #718055


Code CSS:

background-image: radial-gradient(circle, #728256 11%, #718055 91%);

 

HEX #718055 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #718055 2%, #728256 97%);

 

HEX #718055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #718055 10%, #728256 91%);

 

HEX #728256 sur HEX #668055


Code CSS:

background-image: linear-gradient(135deg, #728256 1%, #668055 97%);

 

HEX #728256 sur HEX #668055


Code CSS:

background-image: radial-gradient(circle, #728256 11%, #668055 91%);

 

HEX #668055 sur HEX #728256


Code CSS:

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

 

HEX #668055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #668055 3%, #728256 100%);

 

HEX #728256 sur HEX #5A8055


Code CSS:

background-image: linear-gradient(135deg, #728256 12%, #5A8055 94%);

 

HEX #728256 sur HEX #5A8055


Code CSS:

background-image: radial-gradient(circle, #728256 14%, #5A8055 98%);

 

HEX #5A8055 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #5A8055 6%, #728256 88%);

 

HEX #5A8055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #5A8055 11%, #728256 95%);

Linéaire

HEX #728256 sur HEX #5B6745


Code CSS:

background-image: linear-gradient(135deg, #728256 7%, #5B6745 92%);

Radial

HEX #728256 sur HEX #5B6745


Code CSS:

background-image: radial-gradient(circle, #728256 2%, #5B6745 94%);

 

HEX #5B6745 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #5B6745 6%, #728256 90%);

 

HEX #5B6745 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #5B6745 13%, #728256 91%);

 

HEX #728256 sur HEX #708055


Code CSS:

background-image: linear-gradient(135deg, #728256 14%, #708055 90%);

 

HEX #728256 sur HEX #708055


Code CSS:

background-image: radial-gradient(circle, #728256 11%, #708055 98%);

 

HEX #708055 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #708055 6%, #728256 91%);

 

HEX #708055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #708055 4%, #728256 87%);

 

HEX #728256 sur HEX #869966


Code CSS:

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

 

HEX #728256 sur HEX #869966


Code CSS:

background-image: radial-gradient(circle, #728256 2%, #869966 86%);

 

HEX #869966 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #869966 2%, #728256 96%);

 

HEX #869966 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #869966 0%, #728256 99%);

 

HEX #728256 sur HEX #9AA97F


Code CSS:

background-image: linear-gradient(135deg, #728256 8%, #9AA97F 98%);

 

HEX #728256 sur HEX #9AA97F


Code CSS:

background-image: radial-gradient(circle, #728256 3%, #9AA97F 87%);

 

HEX #9AA97F sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #9AA97F 10%, #728256 90%);

 

HEX #9AA97F sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #9AA97F 14%, #728256 94%);

Linéaire

HEX #728256 sur HEX #7C8055


Code CSS:

background-image: linear-gradient(135deg, #728256 3%, #7C8055 87%);

Radial

HEX #728256 sur HEX #7C8055


Code CSS:

background-image: radial-gradient(circle, #728256 4%, #7C8055 93%);

 

HEX #7C8055 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #7C8055 1%, #728256 94%);

 

HEX #7C8055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #7C8055 10%, #728256 97%);

 

HEX #728256 sur HEX #718055


Code CSS:

background-image: linear-gradient(135deg, #728256 13%, #718055 99%);

 

HEX #728256 sur HEX #718055


Code CSS:

background-image: radial-gradient(circle, #728256 2%, #718055 92%);

 

HEX #718055 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #718055 2%, #728256 95%);

 

HEX #718055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #718055 6%, #728256 88%);

 

HEX #728256 sur HEX #668055


Code CSS:

background-image: linear-gradient(135deg, #728256 0%, #668055 86%);

 

HEX #728256 sur HEX #668055


Code CSS:

background-image: radial-gradient(circle, #728256 7%, #668055 98%);

 

HEX #668055 sur HEX #728256


Code CSS:

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

 

HEX #668055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #668055 14%, #728256 88%);

 

HEX #728256 sur HEX #5A8055


Code CSS:

background-image: linear-gradient(135deg, #728256 4%, #5A8055 100%);

 

HEX #728256 sur HEX #5A8055


Code CSS:

background-image: radial-gradient(circle, #728256 5%, #5A8055 97%);

 

HEX #5A8055 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #5A8055 13%, #728256 97%);

 

HEX #5A8055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #5A8055 14%, #728256 94%);

Linéaire

HEX #728256 sur HEX #5B6745


Code CSS:

background-image: linear-gradient(135deg, #728256 0%, #5B6745 86%);

Radial

HEX #728256 sur HEX #5B6745


Code CSS:

background-image: radial-gradient(circle, #728256 0%, #5B6745 100%);

 

HEX #5B6745 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #5B6745 6%, #728256 91%);

 

HEX #5B6745 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #5B6745 14%, #728256 95%);

 

HEX #728256 sur HEX #708055


Code CSS:

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

 

HEX #728256 sur HEX #708055


Code CSS:

background-image: radial-gradient(circle, #728256 9%, #708055 88%);

 

HEX #708055 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #708055 6%, #728256 87%);

 

HEX #708055 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #708055 1%, #728256 99%);

 

HEX #728256 sur HEX #869966


Code CSS:

background-image: linear-gradient(135deg, #728256 6%, #869966 88%);

 

HEX #728256 sur HEX #869966


Code CSS:

background-image: radial-gradient(circle, #728256 11%, #869966 93%);

 

HEX #869966 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #869966 12%, #728256 98%);

 

HEX #869966 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #869966 12%, #728256 99%);

 

HEX #728256 sur HEX #9AA97F


Code CSS:

background-image: linear-gradient(135deg, #728256 8%, #9AA97F 90%);

 

HEX #728256 sur HEX #9AA97F


Code CSS:

background-image: radial-gradient(circle, #728256 1%, #9AA97F 89%);

 

HEX #9AA97F sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #9AA97F 6%, #728256 99%);

 

HEX #9AA97F sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #9AA97F 0%, #728256 93%);

Linéaire

HEX #728256 sur HEX #55806D


Code CSS:

background-image: linear-gradient(135deg, #728256 4%, #55806D 92%);

Radial

HEX #728256 sur HEX #55806D


Code CSS:

background-image: radial-gradient(circle, #728256 9%, #55806D 100%);

 

HEX #55806D sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #55806D 12%, #728256 92%);

 

HEX #55806D sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #55806D 11%, #728256 98%);

 

HEX #728256 sur HEX #7E5580


Code CSS:

background-image: linear-gradient(135deg, #728256 1%, #7E5580 95%);

 

HEX #728256 sur HEX #7E5580


Code CSS:

background-image: radial-gradient(circle, #728256 7%, #7E5580 92%);

 

HEX #7E5580 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #7E5580 0%, #728256 97%);

 

HEX #7E5580 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #7E5580 6%, #728256 99%);

Linéaire

HEX #728256 sur HEX #557180


Code CSS:

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

Radial

HEX #728256 sur HEX #557180


Code CSS:

background-image: radial-gradient(circle, #728256 13%, #557180 94%);

 

HEX #557180 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #557180 12%, #728256 89%);

 

HEX #557180 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #557180 0%, #728256 96%);

 

HEX #728256 sur HEX #805571


Code CSS:

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

 

HEX #728256 sur HEX #805571


Code CSS:

background-image: radial-gradient(circle, #728256 7%, #805571 89%);

 

HEX #805571 sur HEX #728256


Code CSS:

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

 

HEX #805571 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #805571 7%, #728256 87%);

Linéaire

HEX #728256 sur HEX #55806D


Code CSS:

background-image: linear-gradient(135deg, #728256 10%, #55806D 98%);

Radial

HEX #728256 sur HEX #55806D


Code CSS:

background-image: radial-gradient(circle, #728256 1%, #55806D 89%);

 

HEX #55806D sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #55806D 6%, #728256 88%);

 

HEX #55806D sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #55806D 5%, #728256 99%);

 

HEX #728256 sur HEX #645580


Code CSS:

background-image: linear-gradient(135deg, #728256 11%, #645580 99%);

 

HEX #728256 sur HEX #645580


Code CSS:

background-image: radial-gradient(circle, #728256 6%, #645580 99%);

 

HEX #645580 sur HEX #728256


Code CSS:

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

 

HEX #645580 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #645580 10%, #728256 91%);

 

HEX #728256 sur HEX #805568


Code CSS:

background-image: linear-gradient(135deg, #728256 1%, #805568 87%);

 

HEX #728256 sur HEX #805568


Code CSS:

background-image: radial-gradient(circle, #728256 3%, #805568 90%);

 

HEX #805568 sur HEX #728256


Code CSS:

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

 

HEX #805568 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #805568 4%, #728256 100%);

Linéaire

HEX #728256 sur HEX #55807A


Code CSS:

background-image: linear-gradient(135deg, #728256 11%, #55807A 87%);

Radial

HEX #728256 sur HEX #55807A


Code CSS:

background-image: radial-gradient(circle, #728256 3%, #55807A 86%);

 

HEX #55807A sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #55807A 0%, #728256 91%);

 

HEX #55807A sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #55807A 14%, #728256 100%);

 

HEX #728256 sur HEX #645580


Code CSS:

background-image: linear-gradient(135deg, #728256 13%, #645580 99%);

 

HEX #728256 sur HEX #645580


Code CSS:

background-image: radial-gradient(circle, #728256 7%, #645580 94%);

 

HEX #645580 sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #645580 9%, #728256 87%);

 

HEX #645580 sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #645580 4%, #728256 87%);

 

HEX #728256 sur HEX #80555C


Code CSS:

background-image: linear-gradient(135deg, #728256 9%, #80555C 89%);

 

HEX #728256 sur HEX #80555C


Code CSS:

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

 

HEX #80555C sur HEX #728256


Code CSS:

background-image: linear-gradient(135deg, #80555C 4%, #728256 96%);

 

HEX #80555C sur HEX #728256


Code CSS:

background-image: radial-gradient(circle, #80555C 11%, #728256 93%);

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 in cooperation ND-DESIGN.WORKS & frag-bobby.de