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

CSS Gradienten:
RGB 16 136 37

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 16 Rot, 136 Grün und 37 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.
16 136 37 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 88 Cyan, keine Magenta, 73 Gelb und 47 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.
88% 0% 73% 47% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #108825 zu HEX #EF77DA


CSS-Code:

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

Radial

HEX #108825 zu HEX #EF77DA


CSS-Code:

background-image: radial-gradient(circle, #108825 1%, #EF77DA 91%);

 

HEX #EF77DA zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #EF77DA 13%, #108825 89%);

 

HEX #EF77DA zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #EF77DA 11%, #108825 97%);

Linear

HEX #108825 zu HEX #1C8810


CSS-Code:

background-image: linear-gradient(135deg, #108825 1%, #1C8810 98%);

Radial

HEX #108825 zu HEX #1C8810


CSS-Code:

background-image: radial-gradient(circle, #108825 4%, #1C8810 93%);

 

HEX #1C8810 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #1C8810 2%, #108825 95%);

 

HEX #1C8810 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #1C8810 14%, #108825 99%);

 

HEX #108825 zu HEX #108824


CSS-Code:

background-image: linear-gradient(135deg, #108825 4%, #108824 92%);

 

HEX #108825 zu HEX #108824


CSS-Code:

background-image: radial-gradient(circle, #108825 6%, #108824 95%);

 

HEX #108824 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #108824 2%, #108825 86%);

 

HEX #108824 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #108824 5%, #108825 94%);

 

HEX #108825 zu HEX #108844


CSS-Code:

background-image: linear-gradient(135deg, #108825 8%, #108844 100%);

 

HEX #108825 zu HEX #108844


CSS-Code:

background-image: radial-gradient(circle, #108825 4%, #108844 89%);

 

HEX #108844 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #108844 11%, #108825 93%);

 

HEX #108844 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #108844 14%, #108825 88%);

 

HEX #108825 zu HEX #108864


CSS-Code:

background-image: linear-gradient(135deg, #108825 7%, #108864 93%);

 

HEX #108825 zu HEX #108864


CSS-Code:

background-image: radial-gradient(circle, #108825 13%, #108864 98%);

 

HEX #108864 zu HEX #108825


CSS-Code:

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

 

HEX #108864 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #108864 1%, #108825 97%);

Linear

HEX #108825 zu HEX #0B641B


CSS-Code:

background-image: linear-gradient(135deg, #108825 5%, #0B641B 88%);

Radial

HEX #108825 zu HEX #0B641B


CSS-Code:

background-image: radial-gradient(circle, #108825 12%, #0B641B 88%);

 

HEX #0B641B zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #0B641B 3%, #108825 91%);

 

HEX #0B641B zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #0B641B 1%, #108825 95%);

 

HEX #108825 zu HEX #14AD2F


CSS-Code:

background-image: linear-gradient(135deg, #108825 10%, #14AD2F 94%);

 

HEX #108825 zu HEX #14AD2F


CSS-Code:

background-image: radial-gradient(circle, #108825 2%, #14AD2F 98%);

 

HEX #14AD2F zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #14AD2F 2%, #108825 93%);

 

HEX #14AD2F zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #14AD2F 11%, #108825 100%);

 

HEX #108825 zu HEX #18D239


CSS-Code:

background-image: linear-gradient(135deg, #108825 13%, #18D239 98%);

 

HEX #108825 zu HEX #18D239


CSS-Code:

background-image: radial-gradient(circle, #108825 13%, #18D239 90%);

 

HEX #18D239 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #18D239 9%, #108825 96%);

 

HEX #18D239 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #18D239 7%, #108825 89%);

Linear

HEX #108825 zu HEX #1C8810


CSS-Code:

background-image: linear-gradient(135deg, #108825 9%, #1C8810 94%);

Radial

HEX #108825 zu HEX #1C8810


CSS-Code:

background-image: radial-gradient(circle, #108825 3%, #1C8810 98%);

 

HEX #1C8810 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #1C8810 6%, #108825 95%);

 

HEX #1C8810 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #1C8810 8%, #108825 90%);

 

HEX #108825 zu HEX #108824


CSS-Code:

background-image: linear-gradient(135deg, #108825 7%, #108824 89%);

 

HEX #108825 zu HEX #108824


CSS-Code:

background-image: radial-gradient(circle, #108825 4%, #108824 95%);

 

HEX #108824 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #108824 11%, #108825 88%);

 

HEX #108824 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #108824 3%, #108825 90%);

 

HEX #108825 zu HEX #108844


CSS-Code:

background-image: linear-gradient(135deg, #108825 9%, #108844 97%);

 

HEX #108825 zu HEX #108844


CSS-Code:

background-image: radial-gradient(circle, #108825 7%, #108844 97%);

 

HEX #108844 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #108844 0%, #108825 95%);

 

HEX #108844 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #108844 2%, #108825 94%);

 

HEX #108825 zu HEX #108864


CSS-Code:

background-image: linear-gradient(135deg, #108825 2%, #108864 98%);

 

HEX #108825 zu HEX #108864


CSS-Code:

background-image: radial-gradient(circle, #108825 7%, #108864 87%);

 

HEX #108864 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #108864 6%, #108825 89%);

 

HEX #108864 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #108864 6%, #108825 86%);

Linear

HEX #108825 zu HEX #0B641B


CSS-Code:

background-image: linear-gradient(135deg, #108825 4%, #0B641B 87%);

Radial

HEX #108825 zu HEX #0B641B


CSS-Code:

background-image: radial-gradient(circle, #108825 12%, #0B641B 94%);

 

HEX #0B641B zu HEX #108825


CSS-Code:

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

 

HEX #0B641B zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #0B641B 0%, #108825 87%);

 

HEX #108825 zu HEX #14AD2F


CSS-Code:

background-image: linear-gradient(135deg, #108825 2%, #14AD2F 89%);

 

HEX #108825 zu HEX #14AD2F


CSS-Code:

background-image: radial-gradient(circle, #108825 9%, #14AD2F 91%);

 

HEX #14AD2F zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #14AD2F 1%, #108825 95%);

 

HEX #14AD2F zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #14AD2F 12%, #108825 86%);

 

HEX #108825 zu HEX #18D239


CSS-Code:

background-image: linear-gradient(135deg, #108825 14%, #18D239 93%);

 

HEX #108825 zu HEX #18D239


CSS-Code:

background-image: radial-gradient(circle, #108825 13%, #18D239 90%);

 

HEX #18D239 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #18D239 2%, #108825 86%);

 

HEX #18D239 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #18D239 14%, #108825 89%);

Linear

HEX #108825 zu HEX #105C88


CSS-Code:

background-image: linear-gradient(135deg, #108825 5%, #105C88 100%);

Radial

HEX #108825 zu HEX #105C88


CSS-Code:

background-image: radial-gradient(circle, #108825 13%, #105C88 97%);

 

HEX #105C88 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #105C88 1%, #108825 95%);

 

HEX #105C88 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #105C88 1%, #108825 87%);

 

HEX #108825 zu HEX #88102C


CSS-Code:

background-image: linear-gradient(135deg, #108825 11%, #88102C 98%);

 

HEX #108825 zu HEX #88102C


CSS-Code:

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

 

HEX #88102C zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #88102C 0%, #108825 89%);

 

HEX #88102C zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #88102C 9%, #108825 93%);

Linear

HEX #108825 zu HEX #241088


CSS-Code:

background-image: linear-gradient(135deg, #108825 10%, #241088 93%);

Radial

HEX #108825 zu HEX #241088


CSS-Code:

background-image: radial-gradient(circle, #108825 9%, #241088 91%);

 

HEX #241088 zu HEX #108825


CSS-Code:

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

 

HEX #241088 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #241088 12%, #108825 87%);

 

HEX #108825 zu HEX #882410


CSS-Code:

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

 

HEX #108825 zu HEX #882410


CSS-Code:

background-image: radial-gradient(circle, #108825 1%, #882410 95%);

 

HEX #882410 zu HEX #108825


CSS-Code:

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

 

HEX #882410 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #882410 1%, #108825 91%);

Linear

HEX #108825 zu HEX #105C88


CSS-Code:

background-image: linear-gradient(135deg, #108825 14%, #105C88 100%);

Radial

HEX #108825 zu HEX #105C88


CSS-Code:

background-image: radial-gradient(circle, #108825 6%, #105C88 87%);

 

HEX #105C88 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #105C88 14%, #108825 95%);

 

HEX #105C88 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #105C88 4%, #108825 98%);

 

HEX #108825 zu HEX #881074


CSS-Code:

background-image: linear-gradient(135deg, #108825 8%, #881074 96%);

 

HEX #108825 zu HEX #881074


CSS-Code:

background-image: radial-gradient(circle, #108825 14%, #881074 100%);

 

HEX #881074 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #881074 4%, #108825 86%);

 

HEX #881074 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #881074 5%, #108825 92%);

 

HEX #108825 zu HEX #883C10


CSS-Code:

background-image: linear-gradient(135deg, #108825 3%, #883C10 95%);

 

HEX #108825 zu HEX #883C10


CSS-Code:

background-image: radial-gradient(circle, #108825 2%, #883C10 86%);

 

HEX #883C10 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #883C10 11%, #108825 90%);

 

HEX #883C10 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #883C10 11%, #108825 99%);

Linear

HEX #108825 zu HEX #103888


CSS-Code:

background-image: linear-gradient(135deg, #108825 5%, #103888 91%);

Radial

HEX #108825 zu HEX #103888


CSS-Code:

background-image: radial-gradient(circle, #108825 11%, #103888 90%);

 

HEX #103888 zu HEX #108825


CSS-Code:

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

 

HEX #103888 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #103888 11%, #108825 89%);

 

HEX #108825 zu HEX #881074


CSS-Code:

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

 

HEX #108825 zu HEX #881074


CSS-Code:

background-image: radial-gradient(circle, #108825 3%, #881074 86%);

 

HEX #881074 zu HEX #108825


CSS-Code:

background-image: linear-gradient(135deg, #881074 0%, #108825 92%);

 

HEX #881074 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #881074 9%, #108825 98%);

 

HEX #108825 zu HEX #886010


CSS-Code:

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

 

HEX #108825 zu HEX #886010


CSS-Code:

background-image: radial-gradient(circle, #108825 3%, #886010 91%);

 

HEX #886010 zu HEX #108825


CSS-Code:

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

 

HEX #886010 zu HEX #108825


CSS-Code:

background-image: radial-gradient(circle, #886010 10%, #108825 95%);

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

CMYK in HEX

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

CMYK in RGB

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

CMYK in RAL®

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

CMYK in HKS®

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

CMYK in PANTONE®

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

CMYK in Sherwin Williams®

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

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

NCS® in RGB

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

NCS® in CMYK

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

Icons

NCS® in HEX

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

NCS® in RAL®

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

NCS® in HKS®

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

NCS® in PANTONE®

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

NCS® in Sherwin Williams®

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

Codes

Um Farbpaletten speichern zu können, musst Du angemeldet sein.

Bei deinem Konto anmelden

oder

Erstelle ein Konto

Aktuelle Farbpalette teilen
Soll sie öffentlich oder privat sein?
Link(s) folgen nach dem Teilen.

Abbrechen Teilen

Farbpalette geteilt
Bitte kopiere und speichere dir den gewünschten Link.

Teilen

OK, ich habe die Links kopiert

Deine Farben werden in einer neuen Farbpalette gespeichert.
Sehe sie dir unter deinem Profil an.
Du kannst sie weiter anpassen, und teilen.

Farbpalette anzeigen
Schließen

Erstelle eine Farbpalette

HerunterladenHerunterladen in verschiedenen Formaten

Alle Entfernen

Durch Klicken auf kannst du Paletten erstellen und die Farbfelder herunterladen.