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

CSS Gradienten:
#358825

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 53 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.
53 136 37 R G B
Im CMYK-Farbsystem wird die Farbe folgendermaßen zusammengesetzt: In diesem Farbton sind von 100 maximalen Farbanteilen jeweils 61 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.
61% 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 #358825 zu HEX #CA77DA


CSS-Code:

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

Radial

HEX #358825 zu HEX #CA77DA


CSS-Code:

background-image: radial-gradient(circle, #358825 10%, #CA77DA 90%);

 

HEX #CA77DA zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #CA77DA 6%, #358825 91%);

 

HEX #CA77DA zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #CA77DA 9%, #358825 95%);

Linear

HEX #358825 zu HEX #508825


CSS-Code:

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

Radial

HEX #358825 zu HEX #508825


CSS-Code:

background-image: radial-gradient(circle, #358825 9%, #508825 92%);

 

HEX #508825 zu HEX #358825


CSS-Code:

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

 

HEX #508825 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #508825 2%, #358825 94%);

 

HEX #358825 zu HEX #25882F


CSS-Code:

background-image: linear-gradient(135deg, #358825 7%, #25882F 87%);

 

HEX #358825 zu HEX #25882F


CSS-Code:

background-image: radial-gradient(circle, #358825 9%, #25882F 91%);

 

HEX #25882F zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #25882F 13%, #358825 95%);

 

HEX #25882F zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #25882F 4%, #358825 95%);

 

HEX #358825 zu HEX #258849


CSS-Code:

background-image: linear-gradient(135deg, #358825 2%, #258849 91%);

 

HEX #358825 zu HEX #258849


CSS-Code:

background-image: radial-gradient(circle, #358825 11%, #258849 90%);

 

HEX #258849 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #258849 0%, #358825 97%);

 

HEX #258849 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #258849 7%, #358825 94%);

Linear

HEX #358825 zu HEX #28671C


CSS-Code:

background-image: linear-gradient(135deg, #358825 14%, #28671C 86%);

Radial

HEX #358825 zu HEX #28671C


CSS-Code:

background-image: radial-gradient(circle, #358825 7%, #28671C 90%);

 

HEX #28671C zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #28671C 6%, #358825 100%);

 

HEX #28671C zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #28671C 4%, #358825 90%);

 

HEX #358825 zu HEX #41A82E


CSS-Code:

background-image: linear-gradient(135deg, #358825 5%, #41A82E 99%);

 

HEX #358825 zu HEX #41A82E


CSS-Code:

background-image: radial-gradient(circle, #358825 12%, #41A82E 100%);

 

HEX #41A82E zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #41A82E 5%, #358825 97%);

 

HEX #41A82E zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #41A82E 0%, #358825 95%);

 

HEX #358825 zu HEX #4EC837


CSS-Code:

background-image: linear-gradient(135deg, #358825 11%, #4EC837 98%);

 

HEX #358825 zu HEX #4EC837


CSS-Code:

background-image: radial-gradient(circle, #358825 1%, #4EC837 95%);

 

HEX #4EC837 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #4EC837 3%, #358825 99%);

 

HEX #4EC837 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #4EC837 0%, #358825 96%);

Linear

HEX #358825 zu HEX #508825


CSS-Code:

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

Radial

HEX #358825 zu HEX #508825


CSS-Code:

background-image: radial-gradient(circle, #358825 6%, #508825 90%);

 

HEX #508825 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #508825 11%, #358825 99%);

 

HEX #508825 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #508825 11%, #358825 92%);

 

HEX #358825 zu HEX #25882F


CSS-Code:

background-image: linear-gradient(135deg, #358825 13%, #25882F 86%);

 

HEX #358825 zu HEX #25882F


CSS-Code:

background-image: radial-gradient(circle, #358825 3%, #25882F 99%);

 

HEX #25882F zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #25882F 12%, #358825 91%);

 

HEX #25882F zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #25882F 13%, #358825 93%);

 

HEX #358825 zu HEX #258849


CSS-Code:

background-image: linear-gradient(135deg, #358825 4%, #258849 100%);

 

HEX #358825 zu HEX #258849


CSS-Code:

background-image: radial-gradient(circle, #358825 9%, #258849 94%);

 

HEX #258849 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #258849 2%, #358825 88%);

 

HEX #258849 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #258849 2%, #358825 96%);

Linear

HEX #358825 zu HEX #28671C


CSS-Code:

background-image: linear-gradient(135deg, #358825 2%, #28671C 92%);

Radial

HEX #358825 zu HEX #28671C


CSS-Code:

background-image: radial-gradient(circle, #358825 2%, #28671C 86%);

 

HEX #28671C zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #28671C 5%, #358825 88%);

 

HEX #28671C zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #28671C 3%, #358825 94%);

 

HEX #358825 zu HEX #41A82E


CSS-Code:

background-image: linear-gradient(135deg, #358825 10%, #41A82E 89%);

 

HEX #358825 zu HEX #41A82E


CSS-Code:

background-image: radial-gradient(circle, #358825 1%, #41A82E 88%);

 

HEX #41A82E zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #41A82E 9%, #358825 88%);

 

HEX #41A82E zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #41A82E 4%, #358825 100%);

 

HEX #358825 zu HEX #4EC837


CSS-Code:

background-image: linear-gradient(135deg, #358825 5%, #4EC837 91%);

 

HEX #358825 zu HEX #4EC837


CSS-Code:

background-image: radial-gradient(circle, #358825 12%, #4EC837 88%);

 

HEX #4EC837 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #4EC837 2%, #358825 90%);

 

HEX #4EC837 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #4EC837 10%, #358825 94%);

Linear

HEX #358825 zu HEX #258488


CSS-Code:

background-image: linear-gradient(135deg, #358825 14%, #258488 90%);

Radial

HEX #358825 zu HEX #258488


CSS-Code:

background-image: radial-gradient(circle, #358825 8%, #258488 87%);

 

HEX #258488 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #258488 13%, #358825 86%);

 

HEX #258488 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #258488 10%, #358825 90%);

 

HEX #358825 zu HEX #88255D


CSS-Code:

background-image: linear-gradient(135deg, #358825 10%, #88255D 98%);

 

HEX #358825 zu HEX #88255D


CSS-Code:

background-image: radial-gradient(circle, #358825 12%, #88255D 94%);

 

HEX #88255D zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #88255D 2%, #358825 90%);

 

HEX #88255D zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #88255D 9%, #358825 100%);

Linear

HEX #358825 zu HEX #253588


CSS-Code:

background-image: linear-gradient(135deg, #358825 4%, #253588 98%);

Radial

HEX #358825 zu HEX #253588


CSS-Code:

background-image: radial-gradient(circle, #358825 0%, #253588 87%);

 

HEX #253588 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #253588 12%, #358825 87%);

 

HEX #253588 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #253588 9%, #358825 93%);

 

HEX #358825 zu HEX #882535


CSS-Code:

background-image: linear-gradient(135deg, #358825 1%, #882535 86%);

 

HEX #358825 zu HEX #882535


CSS-Code:

background-image: radial-gradient(circle, #358825 4%, #882535 99%);

 

HEX #882535 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #882535 14%, #358825 99%);

 

HEX #882535 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #882535 10%, #358825 95%);

Linear

HEX #358825 zu HEX #258488


CSS-Code:

background-image: linear-gradient(135deg, #358825 10%, #258488 96%);

Radial

HEX #358825 zu HEX #258488


CSS-Code:

background-image: radial-gradient(circle, #358825 1%, #258488 94%);

 

HEX #258488 zu HEX #358825


CSS-Code:

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

 

HEX #258488 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #258488 7%, #358825 93%);

 

HEX #358825 zu HEX #772588


CSS-Code:

background-image: linear-gradient(135deg, #358825 13%, #772588 95%);

 

HEX #358825 zu HEX #772588


CSS-Code:

background-image: radial-gradient(circle, #358825 4%, #772588 98%);

 

HEX #772588 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #772588 10%, #358825 99%);

 

HEX #772588 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #772588 7%, #358825 96%);

 

HEX #358825 zu HEX #882825


CSS-Code:

background-image: linear-gradient(135deg, #358825 13%, #882825 98%);

 

HEX #358825 zu HEX #882825


CSS-Code:

background-image: radial-gradient(circle, #358825 8%, #882825 96%);

 

HEX #882825 zu HEX #358825


CSS-Code:

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

 

HEX #882825 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #882825 14%, #358825 92%);

Linear

HEX #358825 zu HEX #256788


CSS-Code:

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

Radial

HEX #358825 zu HEX #256788


CSS-Code:

background-image: radial-gradient(circle, #358825 6%, #256788 90%);

 

HEX #256788 zu HEX #358825


CSS-Code:

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

 

HEX #256788 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #256788 2%, #358825 100%);

 

HEX #358825 zu HEX #772588


CSS-Code:

background-image: linear-gradient(135deg, #358825 8%, #772588 90%);

 

HEX #358825 zu HEX #772588


CSS-Code:

background-image: radial-gradient(circle, #358825 8%, #772588 89%);

 

HEX #772588 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #772588 11%, #358825 97%);

 

HEX #772588 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #772588 0%, #358825 88%);

 

HEX #358825 zu HEX #884625


CSS-Code:

background-image: linear-gradient(135deg, #358825 3%, #884625 87%);

 

HEX #358825 zu HEX #884625


CSS-Code:

background-image: radial-gradient(circle, #358825 4%, #884625 97%);

 

HEX #884625 zu HEX #358825


CSS-Code:

background-image: linear-gradient(135deg, #884625 0%, #358825 86%);

 

HEX #884625 zu HEX #358825


CSS-Code:

background-image: radial-gradient(circle, #884625 7%, #358825 88%);

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

RGBA in HEX

umrechnen von RGBA rot grün blau transparenz zu #RRGGBB

RGBA in CMYK

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

Icons

RGBA in RAL®

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

RGBA in HKS®

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

RGBA in PANTONE®

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

RGBA in Sherwin Williams®

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

RGBA in NCS®

umrechnen von RGBA rot grün blau transparenz 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 RGBA

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

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 RGBA

umrechnen von #RRGGBB zu RGBA rot grün blau transparenz

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 RGBA

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

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 RGBA

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

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 RGBA

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

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 RGBA

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

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 RGBA

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

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)

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.