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

✕

CSS Gradienten:
RGB 70 112 81

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

Verifizierung ihrer Farbpalette als Hersteller!

Bieten Sie Designern und Agenturen präzise Farbwerte.

Los geht's

Linear

HEX #467051 zu HEX #B98FAE


CSS-Code:

background-image: linear-gradient(135deg, #467051 14%, #B98FAE 93%);

Radial

HEX #467051 zu HEX #B98FAE


CSS-Code:

background-image: radial-gradient(circle, #467051 9%, #B98FAE 93%);

 

HEX #B98FAE zu HEX #467051


CSS-Code:

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

 

HEX #B98FAE zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #B98FAE 13%, #467051 90%);

Linear

HEX #467051 zu HEX #477046


CSS-Code:

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

Radial

HEX #467051 zu HEX #477046


CSS-Code:

background-image: radial-gradient(circle, #467051 9%, #477046 87%);

 

HEX #477046 zu HEX #467051


CSS-Code:

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

 

HEX #477046 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #477046 5%, #467051 90%);

 

HEX #467051 zu HEX #46705C


CSS-Code:

background-image: linear-gradient(135deg, #467051 2%, #46705C 94%);

 

HEX #467051 zu HEX #46705C


CSS-Code:

background-image: radial-gradient(circle, #467051 0%, #46705C 91%);

 

HEX #46705C zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #46705C 4%, #467051 89%);

 

HEX #46705C zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #46705C 9%, #467051 97%);

 

HEX #467051 zu HEX #467067


CSS-Code:

background-image: linear-gradient(135deg, #467051 14%, #467067 87%);

 

HEX #467051 zu HEX #467067


CSS-Code:

background-image: radial-gradient(circle, #467051 7%, #467067 100%);

 

HEX #467067 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #467067 13%, #467051 97%);

 

HEX #467067 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #467067 11%, #467051 93%);

Linear

HEX #467051 zu HEX #36573F


CSS-Code:

background-image: linear-gradient(135deg, #467051 3%, #36573F 90%);

Radial

HEX #467051 zu HEX #36573F


CSS-Code:

background-image: radial-gradient(circle, #467051 4%, #36573F 88%);

 

HEX #36573F zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #36573F 14%, #467051 86%);

 

HEX #36573F zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #36573F 12%, #467051 95%);

 

HEX #467051 zu HEX #568A64


CSS-Code:

background-image: linear-gradient(135deg, #467051 9%, #568A64 98%);

 

HEX #467051 zu HEX #568A64


CSS-Code:

background-image: radial-gradient(circle, #467051 4%, #568A64 98%);

 

HEX #568A64 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #568A64 11%, #467051 94%);

 

HEX #568A64 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #568A64 13%, #467051 88%);

 

HEX #467051 zu HEX #69A177


CSS-Code:

background-image: linear-gradient(135deg, #467051 13%, #69A177 95%);

 

HEX #467051 zu HEX #69A177


CSS-Code:

background-image: radial-gradient(circle, #467051 13%, #69A177 86%);

 

HEX #69A177 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #69A177 7%, #467051 93%);

 

HEX #69A177 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #69A177 13%, #467051 98%);

Linear

HEX #467051 zu HEX #477046


CSS-Code:

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

Radial

HEX #467051 zu HEX #477046


CSS-Code:

background-image: radial-gradient(circle, #467051 12%, #477046 92%);

 

HEX #477046 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #477046 14%, #467051 96%);

 

HEX #477046 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #477046 6%, #467051 95%);

 

HEX #467051 zu HEX #46705C


CSS-Code:

background-image: linear-gradient(135deg, #467051 14%, #46705C 97%);

 

HEX #467051 zu HEX #46705C


CSS-Code:

background-image: radial-gradient(circle, #467051 8%, #46705C 95%);

 

HEX #46705C zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #46705C 13%, #467051 89%);

 

HEX #46705C zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #46705C 12%, #467051 99%);

 

HEX #467051 zu HEX #467067


CSS-Code:

background-image: linear-gradient(135deg, #467051 7%, #467067 86%);

 

HEX #467051 zu HEX #467067


CSS-Code:

background-image: radial-gradient(circle, #467051 6%, #467067 87%);

 

HEX #467067 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #467067 0%, #467051 91%);

 

HEX #467067 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #467067 4%, #467051 90%);

Linear

HEX #467051 zu HEX #36573F


CSS-Code:

background-image: linear-gradient(135deg, #467051 11%, #36573F 100%);

Radial

HEX #467051 zu HEX #36573F


CSS-Code:

background-image: radial-gradient(circle, #467051 5%, #36573F 90%);

 

HEX #36573F zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #36573F 1%, #467051 96%);

 

HEX #36573F zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #36573F 0%, #467051 91%);

 

HEX #467051 zu HEX #568A64


CSS-Code:

background-image: linear-gradient(135deg, #467051 12%, #568A64 98%);

 

HEX #467051 zu HEX #568A64


CSS-Code:

background-image: radial-gradient(circle, #467051 7%, #568A64 99%);

 

HEX #568A64 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #568A64 8%, #467051 93%);

 

HEX #568A64 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #568A64 12%, #467051 86%);

 

HEX #467051 zu HEX #69A177


CSS-Code:

background-image: linear-gradient(135deg, #467051 10%, #69A177 96%);

 

HEX #467051 zu HEX #69A177


CSS-Code:

background-image: radial-gradient(circle, #467051 1%, #69A177 89%);

 

HEX #69A177 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #69A177 0%, #467051 86%);

 

HEX #69A177 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #69A177 1%, #467051 93%);

Linear

HEX #467051 zu HEX #465D70


CSS-Code:

background-image: linear-gradient(135deg, #467051 3%, #465D70 99%);

Radial

HEX #467051 zu HEX #465D70


CSS-Code:

background-image: radial-gradient(circle, #467051 2%, #465D70 98%);

 

HEX #465D70 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #465D70 7%, #467051 86%);

 

HEX #465D70 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #465D70 6%, #467051 95%);

 

HEX #467051 zu HEX #70464D


CSS-Code:

background-image: linear-gradient(135deg, #467051 11%, #70464D 97%);

 

HEX #467051 zu HEX #70464D


CSS-Code:

background-image: radial-gradient(circle, #467051 5%, #70464D 96%);

 

HEX #70464D zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #70464D 1%, #467051 96%);

 

HEX #70464D zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #70464D 5%, #467051 96%);

Linear

HEX #467051 zu HEX #514670


CSS-Code:

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

Radial

HEX #467051 zu HEX #514670


CSS-Code:

background-image: radial-gradient(circle, #467051 3%, #514670 98%);

 

HEX #514670 zu HEX #467051


CSS-Code:

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

 

HEX #514670 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #514670 9%, #467051 88%);

 

HEX #467051 zu HEX #705146


CSS-Code:

background-image: linear-gradient(135deg, #467051 3%, #705146 95%);

 

HEX #467051 zu HEX #705146


CSS-Code:

background-image: radial-gradient(circle, #467051 3%, #705146 99%);

 

HEX #705146 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #705146 8%, #467051 98%);

 

HEX #705146 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #705146 0%, #467051 90%);

Linear

HEX #467051 zu HEX #465D70


CSS-Code:

background-image: linear-gradient(135deg, #467051 2%, #465D70 86%);

Radial

HEX #467051 zu HEX #465D70


CSS-Code:

background-image: radial-gradient(circle, #467051 0%, #465D70 88%);

 

HEX #465D70 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #465D70 8%, #467051 97%);

 

HEX #465D70 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #465D70 0%, #467051 90%);

 

HEX #467051 zu HEX #704666


CSS-Code:

background-image: linear-gradient(135deg, #467051 0%, #704666 90%);

 

HEX #467051 zu HEX #704666


CSS-Code:

background-image: radial-gradient(circle, #467051 7%, #704666 98%);

 

HEX #704666 zu HEX #467051


CSS-Code:

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

 

HEX #704666 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #704666 13%, #467051 89%);

 

HEX #467051 zu HEX #705946


CSS-Code:

background-image: linear-gradient(135deg, #467051 9%, #705946 89%);

 

HEX #467051 zu HEX #705946


CSS-Code:

background-image: radial-gradient(circle, #467051 12%, #705946 89%);

 

HEX #705946 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #705946 3%, #467051 97%);

 

HEX #705946 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #705946 6%, #467051 91%);

Linear

HEX #467051 zu HEX #465170


CSS-Code:

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

Radial

HEX #467051 zu HEX #465170


CSS-Code:

background-image: radial-gradient(circle, #467051 2%, #465170 98%);

 

HEX #465170 zu HEX #467051


CSS-Code:

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

 

HEX #465170 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #465170 4%, #467051 98%);

 

HEX #467051 zu HEX #704666


CSS-Code:

background-image: linear-gradient(135deg, #467051 2%, #704666 99%);

 

HEX #467051 zu HEX #704666


CSS-Code:

background-image: radial-gradient(circle, #467051 8%, #704666 100%);

 

HEX #704666 zu HEX #467051


CSS-Code:

background-image: linear-gradient(135deg, #704666 3%, #467051 98%);

 

HEX #704666 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #704666 6%, #467051 88%);

 

HEX #467051 zu HEX #706646


CSS-Code:

background-image: linear-gradient(135deg, #467051 0%, #706646 91%);

 

HEX #467051 zu HEX #706646


CSS-Code:

background-image: radial-gradient(circle, #467051 8%, #706646 88%);

 

HEX #706646 zu HEX #467051


CSS-Code:

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

 

HEX #706646 zu HEX #467051


CSS-Code:

background-image: radial-gradient(circle, #706646 2%, #467051 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
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