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

✕

CSS Gradienten:
#804581

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #804581 zu HEX #7FBA7E


CSS-Code:

background-image: linear-gradient(135deg, #804581 5%, #7FBA7E 96%);

Radial

HEX #804581 zu HEX #7FBA7E


CSS-Code:

background-image: radial-gradient(circle, #804581 3%, #7FBA7E 86%);

 

HEX #7FBA7E zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #7FBA7E 4%, #804581 88%);

 

HEX #7FBA7E zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #7FBA7E 3%, #804581 91%);

Linear

HEX #804581 zu HEX #704581


CSS-Code:

background-image: linear-gradient(135deg, #804581 1%, #704581 100%);

Radial

HEX #804581 zu HEX #704581


CSS-Code:

background-image: radial-gradient(circle, #804581 11%, #704581 99%);

 

HEX #704581 zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #704581 13%, #804581 94%);

 

HEX #704581 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #704581 8%, #804581 89%);

 

HEX #804581 zu HEX #814572


CSS-Code:

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

 

HEX #804581 zu HEX #814572


CSS-Code:

background-image: radial-gradient(circle, #804581 0%, #814572 95%);

 

HEX #814572 zu HEX #804581


CSS-Code:

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

 

HEX #814572 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #814572 3%, #804581 92%);

 

HEX #804581 zu HEX #814562


CSS-Code:

background-image: linear-gradient(135deg, #804581 7%, #814562 87%);

 

HEX #804581 zu HEX #814562


CSS-Code:

background-image: radial-gradient(circle, #804581 4%, #814562 99%);

 

HEX #814562 zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #814562 12%, #804581 89%);

 

HEX #814562 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #814562 10%, #804581 100%);

Linear

HEX #804581 zu HEX #653766


CSS-Code:

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

Radial

HEX #804581 zu HEX #653766


CSS-Code:

background-image: radial-gradient(circle, #804581 14%, #653766 93%);

 

HEX #653766 zu HEX #804581


CSS-Code:

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

 

HEX #653766 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #653766 14%, #804581 88%);

 

HEX #804581 zu HEX #9A549C


CSS-Code:

background-image: linear-gradient(135deg, #804581 3%, #9A549C 94%);

 

HEX #804581 zu HEX #9A549C


CSS-Code:

background-image: radial-gradient(circle, #804581 12%, #9A549C 95%);

 

HEX #9A549C zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #9A549C 8%, #804581 97%);

 

HEX #9A549C zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #9A549C 0%, #804581 92%);

 

HEX #804581 zu HEX #AD6AAE


CSS-Code:

background-image: linear-gradient(135deg, #804581 6%, #AD6AAE 92%);

 

HEX #804581 zu HEX #AD6AAE


CSS-Code:

background-image: radial-gradient(circle, #804581 7%, #AD6AAE 89%);

 

HEX #AD6AAE zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #AD6AAE 8%, #804581 88%);

 

HEX #AD6AAE zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #AD6AAE 14%, #804581 98%);

Linear

HEX #804581 zu HEX #704581


CSS-Code:

background-image: linear-gradient(135deg, #804581 0%, #704581 89%);

Radial

HEX #804581 zu HEX #704581


CSS-Code:

background-image: radial-gradient(circle, #804581 2%, #704581 92%);

 

HEX #704581 zu HEX #804581


CSS-Code:

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

 

HEX #704581 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #704581 14%, #804581 100%);

 

HEX #804581 zu HEX #814572


CSS-Code:

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

 

HEX #804581 zu HEX #814572


CSS-Code:

background-image: radial-gradient(circle, #804581 3%, #814572 87%);

 

HEX #814572 zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #814572 6%, #804581 92%);

 

HEX #814572 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #814572 3%, #804581 92%);

 

HEX #804581 zu HEX #814562


CSS-Code:

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

 

HEX #804581 zu HEX #814562


CSS-Code:

background-image: radial-gradient(circle, #804581 10%, #814562 89%);

 

HEX #814562 zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #814562 0%, #804581 87%);

 

HEX #814562 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #814562 8%, #804581 98%);

Linear

HEX #804581 zu HEX #653766


CSS-Code:

background-image: linear-gradient(135deg, #804581 12%, #653766 91%);

Radial

HEX #804581 zu HEX #653766


CSS-Code:

background-image: radial-gradient(circle, #804581 10%, #653766 98%);

 

HEX #653766 zu HEX #804581


CSS-Code:

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

 

HEX #653766 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #653766 3%, #804581 97%);

 

HEX #804581 zu HEX #9A549C


CSS-Code:

background-image: linear-gradient(135deg, #804581 14%, #9A549C 87%);

 

HEX #804581 zu HEX #9A549C


CSS-Code:

background-image: radial-gradient(circle, #804581 1%, #9A549C 97%);

 

HEX #9A549C zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #9A549C 7%, #804581 92%);

 

HEX #9A549C zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #9A549C 11%, #804581 86%);

 

HEX #804581 zu HEX #AD6AAE


CSS-Code:

background-image: linear-gradient(135deg, #804581 3%, #AD6AAE 93%);

 

HEX #804581 zu HEX #AD6AAE


CSS-Code:

background-image: radial-gradient(circle, #804581 10%, #AD6AAE 89%);

 

HEX #AD6AAE zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #AD6AAE 1%, #804581 93%);

 

HEX #AD6AAE zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #AD6AAE 11%, #804581 93%);

Linear

HEX #804581 zu HEX #815045


CSS-Code:

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

Radial

HEX #804581 zu HEX #815045


CSS-Code:

background-image: radial-gradient(circle, #804581 11%, #815045 91%);

 

HEX #815045 zu HEX #804581


CSS-Code:

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

 

HEX #815045 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #815045 7%, #804581 92%);

 

HEX #804581 zu HEX #458168


CSS-Code:

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

 

HEX #804581 zu HEX #458168


CSS-Code:

background-image: radial-gradient(circle, #804581 9%, #458168 87%);

 

HEX #458168 zu HEX #804581


CSS-Code:

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

 

HEX #458168 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #458168 6%, #804581 98%);

Linear

HEX #804581 zu HEX #818045


CSS-Code:

background-image: linear-gradient(135deg, #804581 7%, #818045 98%);

Radial

HEX #804581 zu HEX #818045


CSS-Code:

background-image: radial-gradient(circle, #804581 4%, #818045 91%);

 

HEX #818045 zu HEX #804581


CSS-Code:

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

 

HEX #818045 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #818045 6%, #804581 95%);

 

HEX #804581 zu HEX #458180


CSS-Code:

background-image: linear-gradient(135deg, #804581 11%, #458180 89%);

 

HEX #804581 zu HEX #458180


CSS-Code:

background-image: radial-gradient(circle, #804581 6%, #458180 91%);

 

HEX #458180 zu HEX #804581


CSS-Code:

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

 

HEX #458180 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #458180 2%, #804581 91%);

Linear

HEX #804581 zu HEX #815045


CSS-Code:

background-image: linear-gradient(135deg, #804581 7%, #815045 92%);

Radial

HEX #804581 zu HEX #815045


CSS-Code:

background-image: radial-gradient(circle, #804581 8%, #815045 92%);

 

HEX #815045 zu HEX #804581


CSS-Code:

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

 

HEX #815045 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #815045 8%, #804581 93%);

 

HEX #804581 zu HEX #468145


CSS-Code:

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

 

HEX #804581 zu HEX #468145


CSS-Code:

background-image: radial-gradient(circle, #804581 3%, #468145 86%);

 

HEX #468145 zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #468145 10%, #804581 86%);

 

HEX #468145 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #468145 11%, #804581 95%);

 

HEX #804581 zu HEX #457681


CSS-Code:

background-image: linear-gradient(135deg, #804581 3%, #457681 93%);

 

HEX #804581 zu HEX #457681


CSS-Code:

background-image: radial-gradient(circle, #804581 13%, #457681 96%);

 

HEX #457681 zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #457681 4%, #804581 94%);

 

HEX #457681 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #457681 5%, #804581 96%);

Linear

HEX #804581 zu HEX #816245


CSS-Code:

background-image: linear-gradient(135deg, #804581 3%, #816245 89%);

Radial

HEX #804581 zu HEX #816245


CSS-Code:

background-image: radial-gradient(circle, #804581 11%, #816245 95%);

 

HEX #816245 zu HEX #804581


CSS-Code:

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

 

HEX #816245 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #816245 0%, #804581 86%);

 

HEX #804581 zu HEX #468145


CSS-Code:

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

 

HEX #804581 zu HEX #468145


CSS-Code:

background-image: radial-gradient(circle, #804581 2%, #468145 91%);

 

HEX #468145 zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #468145 10%, #804581 97%);

 

HEX #468145 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #468145 11%, #804581 99%);

 

HEX #804581 zu HEX #456481


CSS-Code:

background-image: linear-gradient(135deg, #804581 3%, #456481 91%);

 

HEX #804581 zu HEX #456481


CSS-Code:

background-image: radial-gradient(circle, #804581 0%, #456481 92%);

 

HEX #456481 zu HEX #804581


CSS-Code:

background-image: linear-gradient(135deg, #456481 12%, #804581 89%);

 

HEX #456481 zu HEX #804581


CSS-Code:

background-image: radial-gradient(circle, #456481 11%, #804581 89%);

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

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.

© 2019-2025 - Designed by frag-bobby.de