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

✕

CSS Gradients:
#362315

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 54 Rouge, 35 Vert et 21 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.
54 35 21 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, 35 magenta, 61 jaune et 79 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% 35% 61% 79% 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 #362315 sur HEX #C9DCEA


Code CSS:

background-image: linear-gradient(135deg, #362315 1%, #C9DCEA 96%);

Radial

HEX #362315 sur HEX #C9DCEA


Code CSS:

background-image: radial-gradient(circle, #362315 9%, #C9DCEA 88%);

 

HEX #C9DCEA sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #C9DCEA 5%, #362315 86%);

 

HEX #C9DCEA sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #C9DCEA 9%, #362315 94%);

Linéaire

HEX #362315 sur HEX #371A15


Code CSS:

background-image: linear-gradient(135deg, #362315 13%, #371A15 96%);

Radial

HEX #362315 sur HEX #371A15


Code CSS:

background-image: radial-gradient(circle, #362315 5%, #371A15 98%);

 

HEX #371A15 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #371A15 3%, #362315 97%);

 

HEX #371A15 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #371A15 9%, #362315 99%);

 

HEX #362315 sur HEX #372315


Code CSS:

background-image: linear-gradient(135deg, #362315 2%, #372315 87%);

 

HEX #362315 sur HEX #372315


Code CSS:

background-image: radial-gradient(circle, #362315 2%, #372315 87%);

 

HEX #372315 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #372315 12%, #362315 96%);

 

HEX #372315 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #372315 3%, #362315 91%);

 

HEX #362315 sur HEX #372C15


Code CSS:

background-image: linear-gradient(135deg, #362315 1%, #372C15 94%);

 

HEX #362315 sur HEX #372C15


Code CSS:

background-image: radial-gradient(circle, #362315 8%, #372C15 97%);

 

HEX #372C15 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #372C15 12%, #362315 93%);

 

HEX #372C15 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #372C15 0%, #362315 98%);

 

HEX #362315 sur HEX #373515


Code CSS:

background-image: linear-gradient(135deg, #362315 5%, #373515 94%);

 

HEX #362315 sur HEX #373515


Code CSS:

background-image: radial-gradient(circle, #362315 1%, #373515 96%);

 

HEX #373515 sur HEX #362315


Code CSS:

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

 

HEX #373515 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #373515 2%, #362315 91%);

Linéaire

HEX #362315 sur HEX #371A15


Code CSS:

background-image: linear-gradient(135deg, #362315 11%, #371A15 93%);

Radial

HEX #362315 sur HEX #371A15


Code CSS:

background-image: radial-gradient(circle, #362315 2%, #371A15 98%);

 

HEX #371A15 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #371A15 9%, #362315 92%);

 

HEX #371A15 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #371A15 12%, #362315 94%);

 

HEX #362315 sur HEX #372315


Code CSS:

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

 

HEX #362315 sur HEX #372315


Code CSS:

background-image: radial-gradient(circle, #362315 7%, #372315 86%);

 

HEX #372315 sur HEX #362315


Code CSS:

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

 

HEX #372315 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #372315 3%, #362315 88%);

 

HEX #362315 sur HEX #372C15


Code CSS:

background-image: linear-gradient(135deg, #362315 12%, #372C15 86%);

 

HEX #362315 sur HEX #372C15


Code CSS:

background-image: radial-gradient(circle, #362315 13%, #372C15 95%);

 

HEX #372C15 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #372C15 4%, #362315 93%);

 

HEX #372C15 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #372C15 6%, #362315 98%);

 

HEX #362315 sur HEX #373515


Code CSS:

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

 

HEX #362315 sur HEX #373515


Code CSS:

background-image: radial-gradient(circle, #362315 5%, #373515 99%);

 

HEX #373515 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #373515 6%, #362315 98%);

 

HEX #373515 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #373515 5%, #362315 90%);

Linéaire

HEX #362315 sur HEX #223715


Code CSS:

background-image: linear-gradient(135deg, #362315 13%, #223715 96%);

Radial

HEX #362315 sur HEX #223715


Code CSS:

background-image: radial-gradient(circle, #362315 11%, #223715 98%);

 

HEX #223715 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #223715 3%, #362315 94%);

 

HEX #223715 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #223715 4%, #362315 97%);

 

HEX #362315 sur HEX #151537


Code CSS:

background-image: linear-gradient(135deg, #362315 13%, #151537 95%);

 

HEX #362315 sur HEX #151537


Code CSS:

background-image: radial-gradient(circle, #362315 12%, #151537 88%);

 

HEX #151537 sur HEX #362315


Code CSS:

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

 

HEX #151537 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #151537 12%, #362315 95%);

Linéaire

HEX #362315 sur HEX #153723


Code CSS:

background-image: linear-gradient(135deg, #362315 7%, #153723 99%);

Radial

HEX #362315 sur HEX #153723


Code CSS:

background-image: radial-gradient(circle, #362315 8%, #153723 90%);

 

HEX #153723 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #153723 2%, #362315 93%);

 

HEX #153723 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #153723 4%, #362315 93%);

 

HEX #362315 sur HEX #231537


Code CSS:

background-image: linear-gradient(135deg, #362315 6%, #231537 90%);

 

HEX #362315 sur HEX #231537


Code CSS:

background-image: radial-gradient(circle, #362315 8%, #231537 93%);

 

HEX #231537 sur HEX #362315


Code CSS:

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

 

HEX #231537 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #231537 3%, #362315 100%);

Linéaire

HEX #362315 sur HEX #223715


Code CSS:

background-image: linear-gradient(135deg, #362315 12%, #223715 94%);

Radial

HEX #362315 sur HEX #223715


Code CSS:

background-image: radial-gradient(circle, #362315 0%, #223715 86%);

 

HEX #223715 sur HEX #362315


Code CSS:

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

 

HEX #223715 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #223715 13%, #362315 98%);

 

HEX #362315 sur HEX #152937


Code CSS:

background-image: linear-gradient(135deg, #362315 6%, #152937 90%);

 

HEX #362315 sur HEX #152937


Code CSS:

background-image: radial-gradient(circle, #362315 8%, #152937 86%);

 

HEX #152937 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #152937 13%, #362315 98%);

 

HEX #152937 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #152937 7%, #362315 97%);

 

HEX #362315 sur HEX #2A1537


Code CSS:

background-image: linear-gradient(135deg, #362315 2%, #2A1537 92%);

 

HEX #362315 sur HEX #2A1537


Code CSS:

background-image: radial-gradient(circle, #362315 10%, #2A1537 89%);

 

HEX #2A1537 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #2A1537 14%, #362315 97%);

 

HEX #2A1537 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #2A1537 10%, #362315 97%);

Linéaire

HEX #362315 sur HEX #183715


Code CSS:

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

Radial

HEX #362315 sur HEX #183715


Code CSS:

background-image: radial-gradient(circle, #362315 1%, #183715 99%);

 

HEX #183715 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #183715 2%, #362315 87%);

 

HEX #183715 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #183715 3%, #362315 89%);

 

HEX #362315 sur HEX #152937


Code CSS:

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

 

HEX #362315 sur HEX #152937


Code CSS:

background-image: radial-gradient(circle, #362315 13%, #152937 91%);

 

HEX #152937 sur HEX #362315


Code CSS:

background-image: linear-gradient(135deg, #152937 9%, #362315 99%);

 

HEX #152937 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #152937 12%, #362315 96%);

 

HEX #362315 sur HEX #341537


Code CSS:

background-image: linear-gradient(135deg, #362315 8%, #341537 93%);

 

HEX #362315 sur HEX #341537


Code CSS:

background-image: radial-gradient(circle, #362315 4%, #341537 86%);

 

HEX #341537 sur HEX #362315


Code CSS:

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

 

HEX #341537 sur HEX #362315


Code CSS:

background-image: radial-gradient(circle, #341537 3%, #362315 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

RGBA en HEX

convertir de RGBA rouge vert bleu transparent sur #RRGGBB

RGBA en CMYK

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

Icons

RGBA en RAL®

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

RGBA en HKS®

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

RGBA en PANTONE®

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

RGBA en Sherwin Williams®

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

RGBA en NCS®

convertir de RGBA rouge vert bleu transparent 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 RGBA

convertir de CMYK cyan / magenta / jaune / key sur RGBA rouge vert bleu transparent
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 RGBA

convertir de #RRGGBB sur RGBA rouge vert bleu transparent

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 RGBA

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

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 RGBA

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

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 RGBA

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

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 RGBA

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

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 RGBA

convertir de Numéro NCS (S0000-X00X) sur RGBA rouge vert bleu transparent
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)

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