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

✕

CSS Gradienten:
#7D5391

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 hoch sind, erscheint uns dieser Farbton heller.

Die Aufschlüsselung der Farbe in das RGB-Farbsystem: In diesem Farbton sind von 255 maximalen Farbanteilen jeweils 125 Rot, 83 Grün und 145 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.
125 83 145 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 14 Cyan, 43 Magenta, keine Gelb und 43 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.
14% 43% 0% 43% C M Y K

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #7D5391 zu HEX #82AC6E


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 2%, #82AC6E 89%);

Radial

HEX #7D5391 zu HEX #82AC6E


CSS-Code:

background-image: radial-gradient(circle, #7D5391 6%, #82AC6E 92%);

 

HEX #82AC6E zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #82AC6E 0%, #7D5391 96%);

 

HEX #82AC6E zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #82AC6E 14%, #7D5391 98%);

Linear

HEX #7D5391 zu HEX #6C5391


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 6%, #6C5391 99%);

Radial

HEX #7D5391 zu HEX #6C5391


CSS-Code:

background-image: radial-gradient(circle, #7D5391 12%, #6C5391 100%);

 

HEX #6C5391 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #6C5391 11%, #7D5391 88%);

 

HEX #6C5391 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #6C5391 10%, #7D5391 99%);

 

HEX #7D5391 zu HEX #8D5391


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 4%, #8D5391 93%);

 

HEX #7D5391 zu HEX #8D5391


CSS-Code:

background-image: radial-gradient(circle, #7D5391 0%, #8D5391 90%);

 

HEX #8D5391 zu HEX #7D5391


CSS-Code:

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

 

HEX #8D5391 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #8D5391 12%, #7D5391 86%);

 

HEX #7D5391 zu HEX #915385


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 5%, #915385 95%);

 

HEX #7D5391 zu HEX #915385


CSS-Code:

background-image: radial-gradient(circle, #7D5391 0%, #915385 100%);

 

HEX #915385 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #915385 7%, #7D5391 97%);

 

HEX #915385 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #915385 8%, #7D5391 99%);

Linear

HEX #7D5391 zu HEX #674477


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 0%, #674477 96%);

Radial

HEX #7D5391 zu HEX #674477


CSS-Code:

background-image: radial-gradient(circle, #7D5391 13%, #674477 95%);

 

HEX #674477 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #674477 11%, #7D5391 98%);

 

HEX #674477 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #674477 4%, #7D5391 90%);

 

HEX #7D5391 zu HEX #9267A7


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 1%, #9267A7 97%);

 

HEX #7D5391 zu HEX #9267A7


CSS-Code:

background-image: radial-gradient(circle, #7D5391 8%, #9267A7 90%);

 

HEX #9267A7 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #9267A7 6%, #7D5391 100%);

 

HEX #9267A7 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #9267A7 4%, #7D5391 88%);

 

HEX #7D5391 zu HEX #A581B6


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 1%, #A581B6 94%);

 

HEX #7D5391 zu HEX #A581B6


CSS-Code:

background-image: radial-gradient(circle, #7D5391 14%, #A581B6 92%);

 

HEX #A581B6 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #A581B6 11%, #7D5391 99%);

 

HEX #A581B6 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #A581B6 11%, #7D5391 100%);

Linear

HEX #7D5391 zu HEX #6C5391


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 0%, #6C5391 100%);

Radial

HEX #7D5391 zu HEX #6C5391


CSS-Code:

background-image: radial-gradient(circle, #7D5391 14%, #6C5391 88%);

 

HEX #6C5391 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #6C5391 1%, #7D5391 87%);

 

HEX #6C5391 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #6C5391 2%, #7D5391 92%);

 

HEX #7D5391 zu HEX #8D5391


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 14%, #8D5391 86%);

 

HEX #7D5391 zu HEX #8D5391


CSS-Code:

background-image: radial-gradient(circle, #7D5391 2%, #8D5391 89%);

 

HEX #8D5391 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #8D5391 2%, #7D5391 90%);

 

HEX #8D5391 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #8D5391 12%, #7D5391 95%);

 

HEX #7D5391 zu HEX #915385


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 10%, #915385 94%);

 

HEX #7D5391 zu HEX #915385


CSS-Code:

background-image: radial-gradient(circle, #7D5391 10%, #915385 93%);

 

HEX #915385 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #915385 0%, #7D5391 95%);

 

HEX #915385 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #915385 6%, #7D5391 91%);

Linear

HEX #7D5391 zu HEX #674477


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 6%, #674477 89%);

Radial

HEX #7D5391 zu HEX #674477


CSS-Code:

background-image: radial-gradient(circle, #7D5391 4%, #674477 91%);

 

HEX #674477 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #674477 13%, #7D5391 88%);

 

HEX #674477 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #674477 10%, #7D5391 88%);

 

HEX #7D5391 zu HEX #9267A7


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 2%, #9267A7 94%);

 

HEX #7D5391 zu HEX #9267A7


CSS-Code:

background-image: radial-gradient(circle, #7D5391 13%, #9267A7 86%);

 

HEX #9267A7 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #9267A7 1%, #7D5391 97%);

 

HEX #9267A7 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #9267A7 0%, #7D5391 92%);

 

HEX #7D5391 zu HEX #A581B6


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 0%, #A581B6 99%);

 

HEX #7D5391 zu HEX #A581B6


CSS-Code:

background-image: radial-gradient(circle, #7D5391 9%, #A581B6 96%);

 

HEX #A581B6 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #A581B6 12%, #7D5391 97%);

 

HEX #A581B6 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #A581B6 9%, #7D5391 89%);

Linear

HEX #7D5391 zu HEX #91535C


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 2%, #91535C 88%);

Radial

HEX #7D5391 zu HEX #91535C


CSS-Code:

background-image: radial-gradient(circle, #7D5391 0%, #91535C 98%);

 

HEX #91535C zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #91535C 12%, #7D5391 88%);

 

HEX #91535C zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #91535C 5%, #7D5391 92%);

 

HEX #7D5391 zu HEX #539164


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 13%, #539164 94%);

 

HEX #7D5391 zu HEX #539164


CSS-Code:

background-image: radial-gradient(circle, #7D5391 4%, #539164 100%);

 

HEX #539164 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #539164 13%, #7D5391 87%);

 

HEX #539164 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #539164 9%, #7D5391 91%);

Linear

HEX #7D5391 zu HEX #917D53


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 12%, #917D53 100%);

Radial

HEX #7D5391 zu HEX #917D53


CSS-Code:

background-image: radial-gradient(circle, #7D5391 8%, #917D53 87%);

 

HEX #917D53 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #917D53 1%, #7D5391 100%);

 

HEX #917D53 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #917D53 4%, #7D5391 86%);

 

HEX #7D5391 zu HEX #53917D


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 8%, #53917D 91%);

 

HEX #7D5391 zu HEX #53917D


CSS-Code:

background-image: radial-gradient(circle, #7D5391 4%, #53917D 86%);

 

HEX #53917D zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #53917D 8%, #7D5391 96%);

 

HEX #53917D zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #53917D 10%, #7D5391 92%);

Linear

HEX #7D5391 zu HEX #91535C


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 12%, #91535C 87%);

Radial

HEX #7D5391 zu HEX #91535C


CSS-Code:

background-image: radial-gradient(circle, #7D5391 10%, #91535C 98%);

 

HEX #91535C zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #91535C 13%, #7D5391 100%);

 

HEX #91535C zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #91535C 1%, #7D5391 98%);

 

HEX #7D5391 zu HEX #689153


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 12%, #689153 89%);

 

HEX #7D5391 zu HEX #689153


CSS-Code:

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

 

HEX #689153 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #689153 3%, #7D5391 94%);

 

HEX #689153 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #689153 5%, #7D5391 99%);

 

HEX #7D5391 zu HEX #539189


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 3%, #539189 96%);

 

HEX #7D5391 zu HEX #539189


CSS-Code:

background-image: radial-gradient(circle, #7D5391 12%, #539189 90%);

 

HEX #539189 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #539189 4%, #7D5391 93%);

 

HEX #539189 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #539189 13%, #7D5391 96%);

Linear

HEX #7D5391 zu HEX #915E53


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 1%, #915E53 96%);

Radial

HEX #7D5391 zu HEX #915E53


CSS-Code:

background-image: radial-gradient(circle, #7D5391 6%, #915E53 90%);

 

HEX #915E53 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #915E53 8%, #7D5391 92%);

 

HEX #915E53 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #915E53 13%, #7D5391 92%);

 

HEX #7D5391 zu HEX #689153


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 10%, #689153 86%);

 

HEX #7D5391 zu HEX #689153


CSS-Code:

background-image: radial-gradient(circle, #7D5391 1%, #689153 88%);

 

HEX #689153 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #689153 12%, #7D5391 92%);

 

HEX #689153 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #689153 13%, #7D5391 93%);

 

HEX #7D5391 zu HEX #538791


CSS-Code:

background-image: linear-gradient(135deg, #7D5391 14%, #538791 94%);

 

HEX #7D5391 zu HEX #538791


CSS-Code:

background-image: radial-gradient(circle, #7D5391 10%, #538791 90%);

 

HEX #538791 zu HEX #7D5391


CSS-Code:

background-image: linear-gradient(135deg, #538791 5%, #7D5391 94%);

 

HEX #538791 zu HEX #7D5391


CSS-Code:

background-image: radial-gradient(circle, #538791 1%, #7D5391 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

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 in cooperation ND-DESIGN.WORKS & frag-bobby.de