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

✕

CSS Gradienten:
RGB 42 64 57

Information

schließe alle

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und der Komplementärfarbe vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem helleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Hellere Farbtöne.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Lass Dir CSS Farbverläufe aus zwei Farbtönen wie dem Grundfarbton und einem dunkleren Farbton vorschlagen.

Finde Beispiele für Lineare und Radiale Farbübergänge von Dunklere Farbtöne.

Einfach für Webdesign: Kopiere Dir den CSS-Code zum einfachen integrieren auf Deiner Webseite.

Anzeigeoptionen

Beschreibung

Da die Farbwerte im Vergleich zu anderen relativ gering sind, erscheint uns dieser Farbton dunkler.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 42 Rot, 64 Grün und 57 Blau.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den drei Bestandteilen Rot (oben), Grün (rechts unten) und Blau (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.
42 64 57 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 34 Cyan, keine Magenta, 11 Gelb und 75 Schwarz.

Aus dem Mischverhältnis dieser Farben ergibt sich der angezeigte Farbton in der Mitte der Überschneidungen.

In der Darstellung siehst du, wie die Farbe aus den vier Bestandteilen Cyan (links oben), Magenta (rechts oben), Gelb oder Yellow (rechts unten) und Schwarz oder Key (links unten) zusammengestellt wird. Mittig ist die Ergebnissfarbe zu sehen.
34% 0% 11% 75% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #2A4039 zu HEX #D5BFC6


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 9%, #D5BFC6 90%);

Radial

HEX #2A4039 zu HEX #D5BFC6


CSS-Code:

background-image: radial-gradient(circle, #2A4039 12%, #D5BFC6 87%);

 

HEX #D5BFC6 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #D5BFC6 13%, #2A4039 94%);

 

HEX #D5BFC6 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #D5BFC6 2%, #2A4039 97%);

Linear

HEX #2A4039 zu HEX #2A4033


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 1%, #2A4033 98%);

Radial

HEX #2A4039 zu HEX #2A4033


CSS-Code:

background-image: radial-gradient(circle, #2A4039 12%, #2A4033 97%);

 

HEX #2A4033 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #2A4033 6%, #2A4039 89%);

 

HEX #2A4033 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #2A4033 1%, #2A4039 99%);

 

HEX #2A4039 zu HEX #2A403F


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 13%, #2A403F 88%);

 

HEX #2A4039 zu HEX #2A403F


CSS-Code:

background-image: radial-gradient(circle, #2A4039 1%, #2A403F 91%);

 

HEX #2A403F zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #2A403F 0%, #2A4039 86%);

 

HEX #2A403F zu HEX #2A4039


CSS-Code:

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

 

HEX #2A4039 zu HEX #2A3C40


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 7%, #2A3C40 86%);

 

HEX #2A4039 zu HEX #2A3C40


CSS-Code:

background-image: radial-gradient(circle, #2A4039 10%, #2A3C40 91%);

 

HEX #2A3C40 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #2A3C40 3%, #2A4039 98%);

 

HEX #2A3C40 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #2A3C40 7%, #2A4039 94%);

Linear

HEX #2A4039 zu HEX #1A2723


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 3%, #1A2723 88%);

Radial

HEX #2A4039 zu HEX #1A2723


CSS-Code:

background-image: radial-gradient(circle, #2A4039 12%, #1A2723 88%);

 

HEX #1A2723 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #1A2723 2%, #2A4039 97%);

 

HEX #1A2723 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #1A2723 3%, #2A4039 93%);

 

HEX #2A4039 zu HEX #3A594F


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 4%, #3A594F 89%);

 

HEX #2A4039 zu HEX #3A594F


CSS-Code:

background-image: radial-gradient(circle, #2A4039 12%, #3A594F 97%);

 

HEX #3A594F zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #3A594F 3%, #2A4039 96%);

 

HEX #3A594F zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #3A594F 8%, #2A4039 94%);

 

HEX #2A4039 zu HEX #4A7266


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 2%, #4A7266 93%);

 

HEX #2A4039 zu HEX #4A7266


CSS-Code:

background-image: radial-gradient(circle, #2A4039 11%, #4A7266 99%);

 

HEX #4A7266 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #4A7266 10%, #2A4039 100%);

 

HEX #4A7266 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #4A7266 1%, #2A4039 89%);

Linear

HEX #2A4039 zu HEX #2A4033


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 5%, #2A4033 93%);

Radial

HEX #2A4039 zu HEX #2A4033


CSS-Code:

background-image: radial-gradient(circle, #2A4039 11%, #2A4033 87%);

 

HEX #2A4033 zu HEX #2A4039


CSS-Code:

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

 

HEX #2A4033 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #2A4033 11%, #2A4039 95%);

 

HEX #2A4039 zu HEX #2A403F


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 7%, #2A403F 86%);

 

HEX #2A4039 zu HEX #2A403F


CSS-Code:

background-image: radial-gradient(circle, #2A4039 3%, #2A403F 100%);

 

HEX #2A403F zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #2A403F 12%, #2A4039 88%);

 

HEX #2A403F zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #2A403F 10%, #2A4039 98%);

 

HEX #2A4039 zu HEX #2A3C40


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 6%, #2A3C40 98%);

 

HEX #2A4039 zu HEX #2A3C40


CSS-Code:

background-image: radial-gradient(circle, #2A4039 2%, #2A3C40 96%);

 

HEX #2A3C40 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #2A3C40 11%, #2A4039 97%);

 

HEX #2A3C40 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #2A3C40 3%, #2A4039 93%);

Linear

HEX #2A4039 zu HEX #1A2723


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 0%, #1A2723 86%);

Radial

HEX #2A4039 zu HEX #1A2723


CSS-Code:

background-image: radial-gradient(circle, #2A4039 3%, #1A2723 97%);

 

HEX #1A2723 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #1A2723 13%, #2A4039 97%);

 

HEX #1A2723 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #1A2723 6%, #2A4039 92%);

 

HEX #2A4039 zu HEX #3A594F


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 4%, #3A594F 93%);

 

HEX #2A4039 zu HEX #3A594F


CSS-Code:

background-image: radial-gradient(circle, #2A4039 8%, #3A594F 88%);

 

HEX #3A594F zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #3A594F 9%, #2A4039 94%);

 

HEX #3A594F zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #3A594F 1%, #2A4039 91%);

 

HEX #2A4039 zu HEX #4A7266


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 6%, #4A7266 86%);

 

HEX #2A4039 zu HEX #4A7266


CSS-Code:

background-image: radial-gradient(circle, #2A4039 10%, #4A7266 96%);

 

HEX #4A7266 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #4A7266 5%, #2A4039 97%);

 

HEX #4A7266 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #4A7266 3%, #2A4039 94%);

Linear

HEX #2A4039 zu HEX #2A2D40


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 10%, #2A2D40 86%);

Radial

HEX #2A4039 zu HEX #2A2D40


CSS-Code:

background-image: radial-gradient(circle, #2A4039 12%, #2A2D40 97%);

 

HEX #2A2D40 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #2A2D40 8%, #2A4039 86%);

 

HEX #2A2D40 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #2A2D40 4%, #2A4039 100%);

 

HEX #2A4039 zu HEX #40302A


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 1%, #40302A 93%);

 

HEX #2A4039 zu HEX #40302A


CSS-Code:

background-image: radial-gradient(circle, #2A4039 9%, #40302A 87%);

 

HEX #40302A zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #40302A 12%, #2A4039 96%);

 

HEX #40302A zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #40302A 3%, #2A4039 88%);

Linear

HEX #2A4039 zu HEX #392A40


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 3%, #392A40 96%);

Radial

HEX #2A4039 zu HEX #392A40


CSS-Code:

background-image: radial-gradient(circle, #2A4039 11%, #392A40 90%);

 

HEX #392A40 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #392A40 11%, #2A4039 94%);

 

HEX #392A40 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #392A40 13%, #2A4039 91%);

 

HEX #2A4039 zu HEX #40392A


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 2%, #40392A 91%);

 

HEX #2A4039 zu HEX #40392A


CSS-Code:

background-image: radial-gradient(circle, #2A4039 7%, #40392A 88%);

 

HEX #40392A zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #40392A 7%, #2A4039 95%);

 

HEX #40392A zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #40392A 8%, #2A4039 92%);

Linear

HEX #2A4039 zu HEX #2A2D40


CSS-Code:

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

Radial

HEX #2A4039 zu HEX #2A2D40


CSS-Code:

background-image: radial-gradient(circle, #2A4039 11%, #2A2D40 86%);

 

HEX #2A2D40 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #2A2D40 4%, #2A4039 88%);

 

HEX #2A2D40 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #2A2D40 13%, #2A4039 86%);

 

HEX #2A4039 zu HEX #402A31


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 7%, #402A31 87%);

 

HEX #2A4039 zu HEX #402A31


CSS-Code:

background-image: radial-gradient(circle, #2A4039 0%, #402A31 87%);

 

HEX #402A31 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #402A31 8%, #2A4039 99%);

 

HEX #402A31 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #402A31 1%, #2A4039 91%);

 

HEX #2A4039 zu HEX #403D2A


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 14%, #403D2A 97%);

 

HEX #2A4039 zu HEX #403D2A


CSS-Code:

background-image: radial-gradient(circle, #2A4039 0%, #403D2A 94%);

 

HEX #403D2A zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #403D2A 8%, #2A4039 94%);

 

HEX #403D2A zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #403D2A 2%, #2A4039 97%);

Linear

HEX #2A4039 zu HEX #2E2A40


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 6%, #2E2A40 91%);

Radial

HEX #2A4039 zu HEX #2E2A40


CSS-Code:

background-image: radial-gradient(circle, #2A4039 10%, #2E2A40 98%);

 

HEX #2E2A40 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #2E2A40 6%, #2A4039 92%);

 

HEX #2E2A40 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #2E2A40 11%, #2A4039 87%);

 

HEX #2A4039 zu HEX #402A31


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 2%, #402A31 91%);

 

HEX #2A4039 zu HEX #402A31


CSS-Code:

background-image: radial-gradient(circle, #2A4039 4%, #402A31 98%);

 

HEX #402A31 zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #402A31 2%, #2A4039 88%);

 

HEX #402A31 zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #402A31 12%, #2A4039 93%);

 

HEX #2A4039 zu HEX #3D402A


CSS-Code:

background-image: linear-gradient(135deg, #2A4039 4%, #3D402A 93%);

 

HEX #2A4039 zu HEX #3D402A


CSS-Code:

background-image: radial-gradient(circle, #2A4039 4%, #3D402A 96%);

 

HEX #3D402A zu HEX #2A4039


CSS-Code:

background-image: linear-gradient(135deg, #3D402A 9%, #2A4039 87%);

 

HEX #3D402A zu HEX #2A4039


CSS-Code:

background-image: radial-gradient(circle, #3D402A 11%, #2A4039 93%);

Zeige mehr Farbpaletten

Services

Farben

RGB in HEX

umrechnen von RGB rot grün blau zu #RRGGBB

RGB in CMYK

umrechnen von RGB rot grün blau zu CMYK cyan / magenta / gelb / key

Icons

RGB in RAL®

umrechnen von RGB rot grün blau zu RAL®-Nummer (RAL 0000)

RGB in HKS®

umrechnen von RGB rot grün blau zu HKS®-Nummer (HKS 00)

RGB in PANTONE®

umrechnen von RGB rot grün blau zu Pantone®-Nummer (Pantone 0000)

RGB in Sherwin Williams®

umrechnen von RGB rot grün blau zu Sherwin Williams®-Nummer (SW 0000)

RGB in NCS®

umrechnen von RGB rot grün blau zu NCS-Nummer (S0000-X00X)

nsc-logo
Icons

CMYK in HEX

umrechnen von CMYK cyan / magenta / gelb / key zu #RRGGBB
Icons

CMYK in RGB

umrechnen von CMYK cyan / magenta / gelb / key zu RGB rot grün blau
Icons

CMYK in RAL®

umrechnen von CMYK cyan / magenta / gelb / key zu RAL®-Nummer (RAL 0000)
Icons

CMYK in HKS®

umrechnen von CMYK cyan / magenta / gelb / key zu HKS®-Nummer (HKS 00)
Icons

CMYK in PANTONE®

umrechnen von CMYK cyan / magenta / gelb / key zu Pantone®-Nummer (Pantone 0000)
Icons

CMYK in Sherwin Williams®

umrechnen von CMYK cyan / magenta / gelb / key zu Sherwin Williams®-Nummer (SW 0000)
Icons

CMYK in NCS®

umrechnen von CMYK cyan / magenta / gelb / key zu NCS-Nummer (S0000-X00X)

nsc-logo

HEX in RGB

umrechnen von #RRGGBB zu RGB rot grün blau

HEX in CMYK

umrechnen von #RRGGBB zu CMYK cyan / magenta / gelb / key

Icons

HEX in RAL®

umrechnen von #RRGGBB zu RAL®-Nummer (RAL 0000)

HEX in HKS®

umrechnen von #RRGGBB zu HKS®-Nummer (HKS 00)

HEX in PANTONE®

umrechnen von #RRGGBB zu Pantone®-Nummer (Pantone 0000)

HEX in Sherwin Williams®

umrechnen von #RRGGBB zu Sherwin Williams®-Nummer (SW 0000)

HEX in NCS®

umrechnen von #RRGGBB zu NCS-Nummer (S0000-X00X)

nsc-logo

RAL® in RGB

umrechnen von RAL®-Nummer (RAL 0000) zu RGB rot grün blau

RAL® in CMYK

umrechnen von RAL®-Nummer (RAL 0000) zu CMYK cyan / magenta / gelb / key

Icons

RAL® in HEX

umrechnen von RAL®-Nummer (RAL 0000) zu #RRGGBB

RAL® in HKS®

umrechnen von RAL®-Nummer (RAL 0000) zu HKS®-Nummer (HKS 00)

RAL® in PANTONE®

umrechnen von RAL®-Nummer (RAL 0000) zu Pantone®-Nummer (Pantone 0000)

RAL® in Sherwin Williams®

umrechnen von RAL®-Nummer (RAL 0000) zu Sherwin Williams®-Nummer (SW 0000)

RAL® in NCS®

umrechnen von RAL®-Nummer (RAL 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

HKS® in RGB

umrechnen von HKS®-Nummer (HKS 00) zu RGB rot grün blau

HKS® in CMYK

umrechnen von HKS®-Nummer (HKS 00) zu CMYK cyan / magenta / gelb / key

Icons

HKS® in HEX

umrechnen von HKS®-Nummer (HKS 00) zu #RRGGBB

HKS® in RAL®

umrechnen von HKS®-Nummer (HKS 00) zu RAL®-Nummer (RAL 0000)

HKS® in PANTONE®

umrechnen von HKS®-Nummer (HKS 00) zu Pantone®-Nummer (Pantone 0000)

HKS® in Sherwin Williams®

umrechnen von HKS®-Nummer (HKS 00) zu Sherwin Williams®-Nummer (SW 0000)

HKS® in NCS®

umrechnen von HKS®-Nummer (HKS 00) zu NCS-Nummer (S0000-X00X)

nsc-logo

PANTONE® in RGB

umrechnen von Pantone®-Nummer (Pantone 0000) zu RGB rot grün blau

PANTONE® in CMYK

umrechnen von Pantone®-Nummer (Pantone 0000) zu CMYK cyan / magenta / gelb / key

Icons

PANTONE® in HEX

umrechnen von Pantone®-Nummer (Pantone 0000) zu #RRGGBB

PANTONE® in RAL®

umrechnen von Pantone®-Nummer (Pantone 0000) zu RAL®-Nummer (RAL 0000)

PANTONE® in HKS®

umrechnen von Pantone®-Nummer (Pantone 0000) zu HKS®-Nummer (HKS 00)

PANTONE® in Sherwin Williams®

umrechnen von Pantone®-Nummer (Pantone 0000) zu Sherwin Williams®-Nummer (SW 0000)

PANTONE® in NCS®

umrechnen von Pantone®-Nummer (Pantone 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo

Sherwin Williams® in RGB

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RGB rot grün blau

Sherwin Williams® in CMYK

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu CMYK cyan / magenta / gelb / key

Icons

Sherwin Williams® in HEX

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu #RRGGBB

Sherwin Williams® in RAL®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu RAL®-Nummer (RAL 0000)

Sherwin Williams® in HKS®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu HKS®-Nummer (HKS 00)

Sherwin Williams® in PANTONE®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu Pantone®-Nummer (Pantone 0000)

Sherwin Williams® in NCS®

umrechnen von Sherwin Williams®-Nummer (SW 0000) zu NCS-Nummer (S0000-X00X)

nsc-logo
nsc-logo

NCS® in RGB

umrechnen von NCS-Nummer (S0000-X00X) zu RGB rot grün blau
nsc-logo

NCS® in CMYK

umrechnen von NCS-Nummer (S0000-X00X) zu CMYK cyan / magenta / gelb / key

Icons
nsc-logo

NCS® in HEX

umrechnen von NCS-Nummer (S0000-X00X) zu #RRGGBB
nsc-logo

NCS® in RAL®

umrechnen von NCS-Nummer (S0000-X00X) zu RAL®-Nummer (RAL 0000)
nsc-logo

NCS® in HKS®

umrechnen von NCS-Nummer (S0000-X00X) zu HKS®-Nummer (HKS 00)
nsc-logo

NCS® in PANTONE®

umrechnen von NCS-Nummer (S0000-X00X) zu Pantone®-Nummer (Pantone 0000)
nsc-logo

NCS® in Sherwin Williams®

umrechnen von NCS-Nummer (S0000-X00X) zu Sherwin Williams®-Nummer (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