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

✕

CSS Gradients:
RGB 7 103 150

Information

ferme tous les

Dégradé de 2 couleurs - Couleur complémentaire

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.

Dégradé de 2 couleurs - Teintes plus claires

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.

Dégradé de 2 couleurs - Teintes plus foncées

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 7 Rouge, 103 Vert et 150 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.

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 95 cyan, 31 magenta, pas de jaune et 41 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.

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

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

Dégradé de 2 couleurs de RGB 7 103 150 - Couleur complémentaire

Linéaire

HEX #076796 sur HEX #F89869

Code CSS:

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

Radial

HEX #076796 sur HEX #F89869

Code CSS:

background-image: radial-gradient(circle, #076796 4%, #F89869 99%);

HEX #F89869 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #F89869 13%, #076796 90%);

HEX #F89869 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #F89869 8%, #076796 96%);

Dégradé de 2 couleurs de RGB 7 103 150 - Teintes plus claires

Linéaire

HEX #076796 sur HEX #078F96

Code CSS:

background-image: linear-gradient(135deg, #076796 12%, #078F96 96%);

Radial

HEX #076796 sur HEX #078F96

Code CSS:

background-image: radial-gradient(circle, #076796 6%, #078F96 90%);

HEX #078F96 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #078F96 9%, #076796 100%);

HEX #078F96 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #078F96 5%, #076796 88%);

HEX #076796 sur HEX #076996

Code CSS:

background-image: linear-gradient(135deg, #076796 5%, #076996 88%);

HEX #076796 sur HEX #076996

Code CSS:

background-image: radial-gradient(circle, #076796 11%, #076996 87%);

HEX #076996 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #076996 9%, #076796 89%);

HEX #076996 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #076996 4%, #076796 98%);

HEX #076796 sur HEX #074396

Code CSS:

background-image: linear-gradient(135deg, #076796 8%, #074396 94%);

HEX #076796 sur HEX #074396

Code CSS:

background-image: radial-gradient(circle, #076796 4%, #074396 91%);

HEX #074396 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #074396 9%, #076796 91%);

HEX #074396 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #074396 10%, #076796 99%);

HEX #076796 sur HEX #071C96

Code CSS:

background-image: linear-gradient(135deg, #076796 1%, #071C96 96%);

HEX #076796 sur HEX #071C96

Code CSS:

background-image: radial-gradient(circle, #076796 4%, #071C96 95%);

HEX #071C96 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #071C96 7%, #076796 97%);

HEX #071C96 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #071C96 9%, #076796 92%);

Dégradé de 2 couleurs de RGB 7 103 150 - Teintes plus foncées

Linéaire

HEX #076796 sur HEX #054C6F

Code CSS:

background-image: linear-gradient(135deg, #076796 7%, #054C6F 96%);

Radial

HEX #076796 sur HEX #054C6F

Code CSS:

background-image: radial-gradient(circle, #076796 14%, #054C6F 94%);

HEX #054C6F sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #054C6F 11%, #076796 92%);

HEX #054C6F sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #054C6F 0%, #076796 93%);

HEX #076796 sur HEX #0882BE

Code CSS:

background-image: linear-gradient(135deg, #076796 5%, #0882BE 92%);

HEX #076796 sur HEX #0882BE

Code CSS:

background-image: radial-gradient(circle, #076796 3%, #0882BE 87%);

HEX #0882BE sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #0882BE 1%, #076796 86%);

HEX #0882BE sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #0882BE 13%, #076796 95%);

HEX #076796 sur HEX #0A9DE5

Code CSS:

background-image: linear-gradient(135deg, #076796 10%, #0A9DE5 88%);

HEX #076796 sur HEX #0A9DE5

Code CSS:

background-image: radial-gradient(circle, #076796 9%, #0A9DE5 87%);

HEX #0A9DE5 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #0A9DE5 3%, #076796 95%);

HEX #0A9DE5 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #0A9DE5 3%, #076796 93%);

Dégradé de 2 couleurs de RGB 7 103 150 - Couleurs analogiques

Linéaire

HEX #076796 sur HEX #078F96

Code CSS:

background-image: linear-gradient(135deg, #076796 1%, #078F96 98%);

Radial

HEX #076796 sur HEX #078F96

Code CSS:

background-image: radial-gradient(circle, #076796 5%, #078F96 86%);

HEX #078F96 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #078F96 7%, #076796 90%);

HEX #078F96 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #078F96 4%, #076796 98%);

HEX #076796 sur HEX #076996

Code CSS:

background-image: linear-gradient(135deg, #076796 13%, #076996 93%);

HEX #076796 sur HEX #076996

Code CSS:

background-image: radial-gradient(circle, #076796 8%, #076996 100%);

HEX #076996 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #076996 7%, #076796 100%);

HEX #076996 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #076996 4%, #076796 95%);

HEX #076796 sur HEX #074396

Code CSS:

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

HEX #076796 sur HEX #074396

Code CSS:

background-image: radial-gradient(circle, #076796 12%, #074396 95%);

HEX #074396 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #074396 0%, #076796 94%);

HEX #074396 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #074396 14%, #076796 100%);

HEX #076796 sur HEX #071C96

Code CSS:

background-image: linear-gradient(135deg, #076796 8%, #071C96 92%);

HEX #076796 sur HEX #071C96

Code CSS:

background-image: radial-gradient(circle, #076796 9%, #071C96 94%);

HEX #071C96 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #071C96 4%, #076796 97%);

HEX #071C96 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #071C96 9%, #076796 99%);

Dégradé de 2 couleurs de RGB 7 103 150 - Couleurs monochromatiques

Linéaire

HEX #076796 sur HEX #054C6F

Code CSS:

background-image: linear-gradient(135deg, #076796 10%, #054C6F 99%);

Radial

HEX #076796 sur HEX #054C6F

Code CSS:

background-image: radial-gradient(circle, #076796 10%, #054C6F 97%);

HEX #054C6F sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #054C6F 11%, #076796 100%);

HEX #054C6F sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #054C6F 10%, #076796 90%);

HEX #076796 sur HEX #0882BE

Code CSS:

background-image: linear-gradient(135deg, #076796 13%, #0882BE 88%);

HEX #076796 sur HEX #0882BE

Code CSS:

background-image: radial-gradient(circle, #076796 5%, #0882BE 93%);

HEX #0882BE sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #0882BE 4%, #076796 93%);

HEX #0882BE sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #0882BE 8%, #076796 89%);

HEX #076796 sur HEX #0A9DE5

Code CSS:

background-image: linear-gradient(135deg, #076796 12%, #0A9DE5 97%);

HEX #076796 sur HEX #0A9DE5

Code CSS:

background-image: radial-gradient(circle, #076796 5%, #0A9DE5 87%);

HEX #0A9DE5 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #0A9DE5 13%, #076796 86%);

HEX #0A9DE5 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #0A9DE5 6%, #076796 94%);

Dégradé de 2 couleurs de RGB 7 103 150 - Sous-complémentaire Couleurs

Linéaire

HEX #076796 sur HEX #510796

Code CSS:

background-image: linear-gradient(135deg, #076796 11%, #510796 100%);

Radial

HEX #076796 sur HEX #510796

Code CSS:

background-image: radial-gradient(circle, #076796 0%, #510796 97%);

HEX #510796 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #510796 8%, #076796 97%);

HEX #510796 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #510796 10%, #076796 91%);

HEX #076796 sur HEX #968A07

Code CSS:

background-image: linear-gradient(135deg, #076796 7%, #968A07 99%);

HEX #076796 sur HEX #968A07

Code CSS:

background-image: radial-gradient(circle, #076796 13%, #968A07 96%);

HEX #968A07 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #968A07 1%, #076796 99%);

HEX #968A07 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #968A07 13%, #076796 98%);

Dégradé de 2 couleurs de RGB 7 103 150 - Couleurs triadiques

Linéaire

HEX #076796 sur HEX #960769

Code CSS:

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

Radial

HEX #076796 sur HEX #960769

Code CSS:

background-image: radial-gradient(circle, #076796 2%, #960769 94%);

HEX #960769 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #960769 6%, #076796 95%);

HEX #960769 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #960769 1%, #076796 99%);

HEX #076796 sur HEX #699607

Code CSS:

background-image: linear-gradient(135deg, #076796 5%, #699607 96%);

HEX #076796 sur HEX #699607

Code CSS:

background-image: radial-gradient(circle, #076796 4%, #699607 91%);

HEX #699607 sur HEX #076796

Code CSS:

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

HEX #699607 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #699607 14%, #076796 88%);

Dégradé de 2 couleurs de RGB 7 103 150 - Couleurs rectangulaires (tétraédriques)

Linéaire

HEX #076796 sur HEX #510796

Code CSS:

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

Radial

HEX #076796 sur HEX #510796

Code CSS:

background-image: radial-gradient(circle, #076796 1%, #510796 89%);

HEX #510796 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #510796 10%, #076796 92%);

HEX #510796 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #510796 4%, #076796 87%);

HEX #076796 sur HEX #963407

Code CSS:

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

HEX #076796 sur HEX #963407

Code CSS:

background-image: radial-gradient(circle, #076796 8%, #963407 92%);

HEX #963407 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #963407 5%, #076796 100%);

HEX #963407 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #963407 10%, #076796 88%);

HEX #076796 sur HEX #4C9607

Code CSS:

background-image: linear-gradient(135deg, #076796 8%, #4C9607 95%);

HEX #076796 sur HEX #4C9607

Code CSS:

background-image: radial-gradient(circle, #076796 0%, #4C9607 87%);

HEX #4C9607 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #4C9607 0%, #076796 96%);

HEX #4C9607 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #4C9607 8%, #076796 87%);

Dégradé de 2 couleurs de RGB 7 103 150 - Couleurs carrées

Linéaire

HEX #076796 sur HEX #7C0796

Code CSS:

background-image: linear-gradient(135deg, #076796 14%, #7C0796 92%);

Radial

HEX #076796 sur HEX #7C0796

Code CSS:

background-image: radial-gradient(circle, #076796 5%, #7C0796 92%);

HEX #7C0796 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #7C0796 9%, #076796 87%);

HEX #7C0796 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #7C0796 3%, #076796 99%);

HEX #076796 sur HEX #963407

Code CSS:

background-image: linear-gradient(135deg, #076796 7%, #963407 96%);

HEX #076796 sur HEX #963407

Code CSS:

background-image: radial-gradient(circle, #076796 6%, #963407 98%);

HEX #963407 sur HEX #076796

Code CSS:

background-image: linear-gradient(135deg, #963407 9%, #076796 100%);

HEX #963407 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #963407 2%, #076796 89%);

HEX #076796 sur HEX #219607

Code CSS:

background-image: linear-gradient(135deg, #076796 11%, #219607 92%);

HEX #076796 sur HEX #219607

Code CSS:

background-image: radial-gradient(circle, #076796 0%, #219607 100%);

HEX #219607 sur HEX #076796

Code CSS:

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

HEX #219607 sur HEX #076796

Code CSS:

background-image: radial-gradient(circle, #219607 13%, #076796 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

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)

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)

HEX en RGB

convertir de #RRGGBB sur RGB rouge vert bleu

HEX en CMYK

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

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)

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

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)

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

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)

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

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)

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

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)

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

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.

Public

Annuler Partager

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

Partager

Voir

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

Créer une palette de couleurs

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

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