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

✕

CSS Gradienten:
RGB 102 87 0

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #665700 zu HEX #99A8FF


CSS-Code:

background-image: linear-gradient(135deg, #665700 0%, #99A8FF 88%);

Radial

HEX #665700 zu HEX #99A8FF


CSS-Code:

background-image: radial-gradient(circle, #665700 4%, #99A8FF 97%);

 

HEX #99A8FF zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #99A8FF 3%, #665700 96%);

 

HEX #99A8FF zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #99A8FF 9%, #665700 97%);

Linear

HEX #665700 zu HEX #663B00


CSS-Code:

background-image: linear-gradient(135deg, #665700 5%, #663B00 96%);

Radial

HEX #665700 zu HEX #663B00


CSS-Code:

background-image: radial-gradient(circle, #665700 4%, #663B00 92%);

 

HEX #663B00 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #663B00 4%, #665700 87%);

 

HEX #663B00 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #663B00 10%, #665700 86%);

 

HEX #665700 zu HEX #665600


CSS-Code:

background-image: linear-gradient(135deg, #665700 0%, #665600 93%);

 

HEX #665700 zu HEX #665600


CSS-Code:

background-image: radial-gradient(circle, #665700 1%, #665600 98%);

 

HEX #665600 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #665600 12%, #665700 93%);

 

HEX #665600 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #665600 1%, #665700 93%);

 

HEX #665700 zu HEX #5A6600


CSS-Code:

background-image: linear-gradient(135deg, #665700 11%, #5A6600 97%);

 

HEX #665700 zu HEX #5A6600


CSS-Code:

background-image: radial-gradient(circle, #665700 9%, #5A6600 95%);

 

HEX #5A6600 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #5A6600 4%, #665700 95%);

 

HEX #5A6600 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #5A6600 8%, #665700 98%);

 

HEX #665700 zu HEX #3E6600


CSS-Code:

background-image: linear-gradient(135deg, #665700 5%, #3E6600 94%);

 

HEX #665700 zu HEX #3E6600


CSS-Code:

background-image: radial-gradient(circle, #665700 5%, #3E6600 95%);

 

HEX #3E6600 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #3E6600 8%, #665700 93%);

 

HEX #3E6600 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #3E6600 5%, #665700 91%);

Linear

HEX #665700 zu HEX #3C3300


CSS-Code:

background-image: linear-gradient(135deg, #665700 5%, #3C3300 93%);

Radial

HEX #665700 zu HEX #3C3300


CSS-Code:

background-image: radial-gradient(circle, #665700 12%, #3C3300 99%);

 

HEX #3C3300 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #3C3300 11%, #665700 99%);

 

HEX #3C3300 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #3C3300 8%, #665700 92%);

 

HEX #665700 zu HEX #8F7A00


CSS-Code:

background-image: linear-gradient(135deg, #665700 11%, #8F7A00 94%);

 

HEX #665700 zu HEX #8F7A00


CSS-Code:

background-image: radial-gradient(circle, #665700 13%, #8F7A00 99%);

 

HEX #8F7A00 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #8F7A00 7%, #665700 96%);

 

HEX #8F7A00 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #8F7A00 13%, #665700 95%);

 

HEX #665700 zu HEX #B89D00


CSS-Code:

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

 

HEX #665700 zu HEX #B89D00


CSS-Code:

background-image: radial-gradient(circle, #665700 4%, #B89D00 98%);

 

HEX #B89D00 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #B89D00 1%, #665700 99%);

 

HEX #B89D00 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #B89D00 4%, #665700 94%);

Linear

HEX #665700 zu HEX #663B00


CSS-Code:

background-image: linear-gradient(135deg, #665700 3%, #663B00 94%);

Radial

HEX #665700 zu HEX #663B00


CSS-Code:

background-image: radial-gradient(circle, #665700 7%, #663B00 89%);

 

HEX #663B00 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #663B00 2%, #665700 89%);

 

HEX #663B00 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #663B00 11%, #665700 90%);

 

HEX #665700 zu HEX #665600


CSS-Code:

background-image: linear-gradient(135deg, #665700 1%, #665600 90%);

 

HEX #665700 zu HEX #665600


CSS-Code:

background-image: radial-gradient(circle, #665700 9%, #665600 99%);

 

HEX #665600 zu HEX #665700


CSS-Code:

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

 

HEX #665600 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #665600 5%, #665700 99%);

 

HEX #665700 zu HEX #5A6600


CSS-Code:

background-image: linear-gradient(135deg, #665700 6%, #5A6600 97%);

 

HEX #665700 zu HEX #5A6600


CSS-Code:

background-image: radial-gradient(circle, #665700 5%, #5A6600 98%);

 

HEX #5A6600 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #5A6600 10%, #665700 99%);

 

HEX #5A6600 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #5A6600 14%, #665700 92%);

 

HEX #665700 zu HEX #3E6600


CSS-Code:

background-image: linear-gradient(135deg, #665700 14%, #3E6600 93%);

 

HEX #665700 zu HEX #3E6600


CSS-Code:

background-image: radial-gradient(circle, #665700 6%, #3E6600 91%);

 

HEX #3E6600 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #3E6600 9%, #665700 90%);

 

HEX #3E6600 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #3E6600 14%, #665700 90%);

Linear

HEX #665700 zu HEX #3C3300


CSS-Code:

background-image: linear-gradient(135deg, #665700 14%, #3C3300 97%);

Radial

HEX #665700 zu HEX #3C3300


CSS-Code:

background-image: radial-gradient(circle, #665700 8%, #3C3300 96%);

 

HEX #3C3300 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #3C3300 4%, #665700 87%);

 

HEX #3C3300 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #3C3300 3%, #665700 88%);

 

HEX #665700 zu HEX #8F7A00


CSS-Code:

background-image: linear-gradient(135deg, #665700 10%, #8F7A00 87%);

 

HEX #665700 zu HEX #8F7A00


CSS-Code:

background-image: radial-gradient(circle, #665700 0%, #8F7A00 100%);

 

HEX #8F7A00 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #8F7A00 10%, #665700 88%);

 

HEX #8F7A00 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #8F7A00 10%, #665700 86%);

 

HEX #665700 zu HEX #B89D00


CSS-Code:

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

 

HEX #665700 zu HEX #B89D00


CSS-Code:

background-image: radial-gradient(circle, #665700 12%, #B89D00 90%);

 

HEX #B89D00 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #B89D00 3%, #665700 96%);

 

HEX #B89D00 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #B89D00 2%, #665700 98%);

Linear

HEX #665700 zu HEX #006605


CSS-Code:

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

Radial

HEX #665700 zu HEX #006605


CSS-Code:

background-image: radial-gradient(circle, #665700 10%, #006605 96%);

 

HEX #006605 zu HEX #665700


CSS-Code:

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

 

HEX #006605 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #006605 12%, #665700 97%);

 

HEX #665700 zu HEX #2D0066


CSS-Code:

background-image: linear-gradient(135deg, #665700 11%, #2D0066 91%);

 

HEX #665700 zu HEX #2D0066


CSS-Code:

background-image: radial-gradient(circle, #665700 0%, #2D0066 97%);

 

HEX #2D0066 zu HEX #665700


CSS-Code:

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

 

HEX #2D0066 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #2D0066 13%, #665700 94%);

Linear

HEX #665700 zu HEX #006656


CSS-Code:

background-image: linear-gradient(135deg, #665700 5%, #006656 87%);

Radial

HEX #665700 zu HEX #006656


CSS-Code:

background-image: radial-gradient(circle, #665700 8%, #006656 87%);

 

HEX #006656 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #006656 7%, #665700 96%);

 

HEX #006656 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #006656 4%, #665700 88%);

 

HEX #665700 zu HEX #560066


CSS-Code:

background-image: linear-gradient(135deg, #665700 8%, #560066 87%);

 

HEX #665700 zu HEX #560066


CSS-Code:

background-image: radial-gradient(circle, #665700 12%, #560066 99%);

 

HEX #560066 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #560066 12%, #665700 99%);

 

HEX #560066 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #560066 5%, #665700 98%);

Linear

HEX #665700 zu HEX #006605


CSS-Code:

background-image: linear-gradient(135deg, #665700 11%, #006605 87%);

Radial

HEX #665700 zu HEX #006605


CSS-Code:

background-image: radial-gradient(circle, #665700 14%, #006605 97%);

 

HEX #006605 zu HEX #665700


CSS-Code:

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

 

HEX #006605 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #006605 8%, #665700 93%);

 

HEX #665700 zu HEX #000F66


CSS-Code:

background-image: linear-gradient(135deg, #665700 11%, #000F66 99%);

 

HEX #665700 zu HEX #000F66


CSS-Code:

background-image: radial-gradient(circle, #665700 10%, #000F66 90%);

 

HEX #000F66 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #000F66 6%, #665700 94%);

 

HEX #000F66 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #000F66 9%, #665700 91%);

 

HEX #665700 zu HEX #660060


CSS-Code:

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

 

HEX #665700 zu HEX #660060


CSS-Code:

background-image: radial-gradient(circle, #665700 4%, #660060 92%);

 

HEX #660060 zu HEX #665700


CSS-Code:

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

 

HEX #660060 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #660060 9%, #665700 88%);

Linear

HEX #665700 zu HEX #006623


CSS-Code:

background-image: linear-gradient(135deg, #665700 2%, #006623 92%);

Radial

HEX #665700 zu HEX #006623


CSS-Code:

background-image: radial-gradient(circle, #665700 9%, #006623 91%);

 

HEX #006623 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #006623 12%, #665700 90%);

 

HEX #006623 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #006623 6%, #665700 100%);

 

HEX #665700 zu HEX #000F66


CSS-Code:

background-image: linear-gradient(135deg, #665700 5%, #000F66 97%);

 

HEX #665700 zu HEX #000F66


CSS-Code:

background-image: radial-gradient(circle, #665700 8%, #000F66 96%);

 

HEX #000F66 zu HEX #665700


CSS-Code:

background-image: linear-gradient(135deg, #000F66 13%, #665700 98%);

 

HEX #000F66 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #000F66 4%, #665700 87%);

 

HEX #665700 zu HEX #660042


CSS-Code:

background-image: linear-gradient(135deg, #665700 14%, #660042 98%);

 

HEX #665700 zu HEX #660042


CSS-Code:

background-image: radial-gradient(circle, #665700 13%, #660042 88%);

 

HEX #660042 zu HEX #665700


CSS-Code:

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

 

HEX #660042 zu HEX #665700


CSS-Code:

background-image: radial-gradient(circle, #660042 3%, #665700 86%);

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