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

error rgb: 149.1_72.8_53

CSS Gradients:
RGB 149.1 72.8 53

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 149.1 Rouge, 72.8 Vert et 53 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.
149.1 72.8 53 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, 51 magenta, 64 jaune et 42 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% 51% 64% 42% 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 #954835 sur HEX #69B6CA


Code CSS:

background-image: linear-gradient(135deg, #954835 5%, #69B6CA 99%);

Radial

HEX #954835 sur HEX #69B6CA


Code CSS:

background-image: radial-gradient(circle, #954835 9%, #69B6CA 90%);

 

HEX #69B6CA sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #69B6CA 4%, #954835 87%);

 

HEX #69B6CA sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #69B6CA 1%, #954835 100%);

Linéaire

HEX #954835 sur HEX #96353B


Code CSS:

background-image: linear-gradient(135deg, #954835 14%, #96353B 87%);

Radial

HEX #954835 sur HEX #96353B


Code CSS:

background-image: radial-gradient(circle, #954835 14%, #96353B 98%);

 

HEX #96353B sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #96353B 1%, #954835 92%);

 

HEX #96353B sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #96353B 7%, #954835 92%);

 

HEX #954835 sur HEX #964835


Code CSS:

background-image: linear-gradient(135deg, #954835 2%, #964835 100%);

 

HEX #954835 sur HEX #964835


Code CSS:

background-image: radial-gradient(circle, #954835 10%, #964835 99%);

 

HEX #964835 sur HEX #954835


Code CSS:

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

 

HEX #964835 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #964835 7%, #954835 100%);

 

HEX #954835 sur HEX #966235


Code CSS:

background-image: linear-gradient(135deg, #954835 8%, #966235 99%);

 

HEX #954835 sur HEX #966235


Code CSS:

background-image: radial-gradient(circle, #954835 11%, #966235 87%);

 

HEX #966235 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #966235 0%, #954835 93%);

 

HEX #966235 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #966235 3%, #954835 92%);

 

HEX #954835 sur HEX #967C35


Code CSS:

background-image: linear-gradient(135deg, #954835 14%, #967C35 97%);

 

HEX #954835 sur HEX #967C35


Code CSS:

background-image: radial-gradient(circle, #954835 10%, #967C35 89%);

 

HEX #967C35 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #967C35 6%, #954835 87%);

 

HEX #967C35 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #967C35 2%, #954835 86%);

Linéaire

HEX #954835 sur HEX #783A2A


Code CSS:

background-image: linear-gradient(135deg, #954835 3%, #783A2A 89%);

Radial

HEX #954835 sur HEX #783A2A


Code CSS:

background-image: radial-gradient(circle, #954835 1%, #783A2A 100%);

 

HEX #783A2A sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #783A2A 2%, #954835 89%);

 

HEX #783A2A sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #783A2A 7%, #954835 92%);

 

HEX #954835 sur HEX #964935


Code CSS:

background-image: linear-gradient(135deg, #954835 5%, #964935 89%);

 

HEX #954835 sur HEX #964935


Code CSS:

background-image: radial-gradient(circle, #954835 7%, #964935 91%);

 

HEX #964935 sur HEX #954835


Code CSS:

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

 

HEX #964935 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #964935 0%, #954835 94%);

 

HEX #954835 sur HEX #B5583F


Code CSS:

background-image: linear-gradient(135deg, #954835 0%, #B5583F 98%);

 

HEX #954835 sur HEX #B5583F


Code CSS:

background-image: radial-gradient(circle, #954835 2%, #B5583F 93%);

 

HEX #B5583F sur HEX #954835


Code CSS:

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

 

HEX #B5583F sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #B5583F 11%, #954835 97%);

 

HEX #954835 sur HEX #C46F59


Code CSS:

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

 

HEX #954835 sur HEX #C46F59


Code CSS:

background-image: radial-gradient(circle, #954835 8%, #C46F59 97%);

 

HEX #C46F59 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #C46F59 11%, #954835 94%);

 

HEX #C46F59 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #C46F59 8%, #954835 93%);

Linéaire

HEX #954835 sur HEX #96353B


Code CSS:

background-image: linear-gradient(135deg, #954835 0%, #96353B 99%);

Radial

HEX #954835 sur HEX #96353B


Code CSS:

background-image: radial-gradient(circle, #954835 12%, #96353B 89%);

 

HEX #96353B sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #96353B 12%, #954835 92%);

 

HEX #96353B sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #96353B 1%, #954835 100%);

 

HEX #954835 sur HEX #964835


Code CSS:

background-image: linear-gradient(135deg, #954835 4%, #964835 100%);

 

HEX #954835 sur HEX #964835


Code CSS:

background-image: radial-gradient(circle, #954835 3%, #964835 93%);

 

HEX #964835 sur HEX #954835


Code CSS:

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

 

HEX #964835 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #964835 0%, #954835 93%);

 

HEX #954835 sur HEX #966235


Code CSS:

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

 

HEX #954835 sur HEX #966235


Code CSS:

background-image: radial-gradient(circle, #954835 11%, #966235 96%);

 

HEX #966235 sur HEX #954835


Code CSS:

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

 

HEX #966235 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #966235 7%, #954835 93%);

 

HEX #954835 sur HEX #967C35


Code CSS:

background-image: linear-gradient(135deg, #954835 14%, #967C35 91%);

 

HEX #954835 sur HEX #967C35


Code CSS:

background-image: radial-gradient(circle, #954835 11%, #967C35 98%);

 

HEX #967C35 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #967C35 9%, #954835 86%);

 

HEX #967C35 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #967C35 0%, #954835 90%);

Linéaire

HEX #954835 sur HEX #783A2A


Code CSS:

background-image: linear-gradient(135deg, #954835 3%, #783A2A 88%);

Radial

HEX #954835 sur HEX #783A2A


Code CSS:

background-image: radial-gradient(circle, #954835 11%, #783A2A 96%);

 

HEX #783A2A sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #783A2A 5%, #954835 96%);

 

HEX #783A2A sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #783A2A 10%, #954835 88%);

 

HEX #954835 sur HEX #964935


Code CSS:

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

 

HEX #954835 sur HEX #964935


Code CSS:

background-image: radial-gradient(circle, #954835 10%, #964935 92%);

 

HEX #964935 sur HEX #954835


Code CSS:

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

 

HEX #964935 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #964935 7%, #954835 95%);

 

HEX #954835 sur HEX #B5583F


Code CSS:

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

 

HEX #954835 sur HEX #B5583F


Code CSS:

background-image: radial-gradient(circle, #954835 4%, #B5583F 92%);

 

HEX #B5583F sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #B5583F 7%, #954835 90%);

 

HEX #B5583F sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #B5583F 1%, #954835 90%);

 

HEX #954835 sur HEX #C46F59


Code CSS:

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

 

HEX #954835 sur HEX #C46F59


Code CSS:

background-image: radial-gradient(circle, #954835 8%, #C46F59 93%);

 

HEX #C46F59 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #C46F59 5%, #954835 99%);

 

HEX #C46F59 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #C46F59 9%, #954835 89%);

Linéaire

HEX #954835 sur HEX #6F9635


Code CSS:

background-image: linear-gradient(135deg, #954835 8%, #6F9635 92%);

Radial

HEX #954835 sur HEX #6F9635


Code CSS:

background-image: radial-gradient(circle, #954835 14%, #6F9635 86%);

 

HEX #6F9635 sur HEX #954835


Code CSS:

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

 

HEX #6F9635 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #6F9635 1%, #954835 93%);

 

HEX #954835 sur HEX #354896


Code CSS:

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

 

HEX #954835 sur HEX #354896


Code CSS:

background-image: radial-gradient(circle, #954835 2%, #354896 92%);

 

HEX #354896 sur HEX #954835


Code CSS:

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

 

HEX #354896 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #354896 7%, #954835 90%);

Linéaire

HEX #954835 sur HEX #359648


Code CSS:

background-image: linear-gradient(135deg, #954835 4%, #359648 96%);

Radial

HEX #954835 sur HEX #359648


Code CSS:

background-image: radial-gradient(circle, #954835 2%, #359648 99%);

 

HEX #359648 sur HEX #954835


Code CSS:

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

 

HEX #359648 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #359648 9%, #954835 88%);

 

HEX #954835 sur HEX #483596


Code CSS:

background-image: linear-gradient(135deg, #954835 0%, #483596 96%);

 

HEX #954835 sur HEX #483596


Code CSS:

background-image: radial-gradient(circle, #954835 14%, #483596 97%);

 

HEX #483596 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #483596 9%, #954835 95%);

 

HEX #483596 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #483596 5%, #954835 96%);

Linéaire

HEX #954835 sur HEX #6F9635


Code CSS:

background-image: linear-gradient(135deg, #954835 11%, #6F9635 92%);

Radial

HEX #954835 sur HEX #6F9635


Code CSS:

background-image: radial-gradient(circle, #954835 12%, #6F9635 95%);

 

HEX #6F9635 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #6F9635 2%, #954835 97%);

 

HEX #6F9635 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #6F9635 13%, #954835 89%);

 

HEX #954835 sur HEX #358396


Code CSS:

background-image: linear-gradient(135deg, #954835 2%, #358396 94%);

 

HEX #954835 sur HEX #358396


Code CSS:

background-image: radial-gradient(circle, #954835 4%, #358396 93%);

 

HEX #358396 sur HEX #954835


Code CSS:

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

 

HEX #358396 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #358396 13%, #954835 88%);

 

HEX #954835 sur HEX #5C3596


Code CSS:

background-image: linear-gradient(135deg, #954835 11%, #5C3596 86%);

 

HEX #954835 sur HEX #5C3596


Code CSS:

background-image: radial-gradient(circle, #954835 11%, #5C3596 89%);

 

HEX #5C3596 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #5C3596 2%, #954835 88%);

 

HEX #5C3596 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #5C3596 13%, #954835 95%);

Linéaire

HEX #954835 sur HEX #529635


Code CSS:

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

Radial

HEX #954835 sur HEX #529635


Code CSS:

background-image: radial-gradient(circle, #954835 2%, #529635 88%);

 

HEX #529635 sur HEX #954835


Code CSS:

background-image: linear-gradient(135deg, #529635 12%, #954835 99%);

 

HEX #529635 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #529635 2%, #954835 96%);

 

HEX #954835 sur HEX #358396


Code CSS:

background-image: linear-gradient(135deg, #954835 14%, #358396 97%);

 

HEX #954835 sur HEX #358396


Code CSS:

background-image: radial-gradient(circle, #954835 6%, #358396 95%);

 

HEX #358396 sur HEX #954835


Code CSS:

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

 

HEX #358396 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #358396 3%, #954835 93%);

 

HEX #954835 sur HEX #793596


Code CSS:

background-image: linear-gradient(135deg, #954835 11%, #793596 87%);

 

HEX #954835 sur HEX #793596


Code CSS:

background-image: radial-gradient(circle, #954835 14%, #793596 100%);

 

HEX #793596 sur HEX #954835


Code CSS:

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

 

HEX #793596 sur HEX #954835


Code CSS:

background-image: radial-gradient(circle, #793596 10%, #954835 89%);

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.