Um dir eine angenehme Erfahrung und Benutzung unserer Webseite zu bieten, setzen wir Cookies. Außerdem verwenden wir Google Analytics und Google AdSense. Google AdSense setzt ein DoubleClick-Cookie, um relevantere Anzeigen zu schalten. Google Analytics und personalisierte Anzeigen erfolgen nur auf Grundlage deines Einverständnisses, sofern Du uns dieses erteilt hast. Das kann jederzeit in der Datenschutzbestimmung wiederrufen werden.

Einverstanden Alle Cookies ablehnen

Farbverlauf "#F1893D - #E4002E"

Gradient wird gespeichert

Diesen Gradient gibt es schon.

Für Farbverläufe braucht man mindestens zwei Farben.

Die Farbe wurde nicht gelöscht.

Namen für Gradient vergeben:

Abbrechen
 Speichern
118
 

CSS-Code:

background-image: linear-gradient(118deg, #F1893D 0%,#E4002E 100%);

Neu erstelle Farbverläufe

Übersicht

Anwendungsmöglichkeiten

Die neuesten Farbverläufe. Bewerte die schönsten Gradienten und erstelle Eigene aus den Farben die am besten zusammen passen.

Green - Eye - Auge

#241B41 - #5A4695 - #954C97 - #E65F9D - #F9BB78

#6E7F84 - #91807B

#C1CDB9 - #AC9844 - #DED361 - #E8E9C6

#AC9844 - #E8E9C6

#003EC7 - #1C3055

#A69B92 - #C0504D

#A49C93 - #5B636C

#484F88 - #E79B47

#484F88 - #E79B47

#E5E0DC - #6667AB - #571F5A - #1D0B1E

#F7E02C - #0845D4

#F7E02C - #0845D4

#20342B - #101A16 - #000000

#FC0A0A - #E0106A

#ABA241 - #47464A

#0859FC - #050FFC - #4003F9 - #880AFA - #C903F4 - #FB04DE - #FC139B - #DF033F - #E7030B

#FF8E2B - #FFA8F9 - #6970F5

#D6CECC - #293133

#53562B - #B8B799

#B6AC9E - #495361

#808080 - #78857A

#0080FF - #FF7F00

Anzeigeoptionen

Neuen Farbverlauf

0

Green - Eye - Auge


CSS-Code:

background-image: radial-gradient(circle at 65% 42%, #000000 13%,#0B463B 15%,#168C75 19%,#54BAB0 22%,#3FA5A2 38%,#4C877D 51%,#306E6A 53%,#E6E9F0 59%,#FFFFFF 97%);

0

Blue-Star


CSS-Code:

background-image: radial-gradient(circle at 40% 41%, #1E00FF87 11%,#D4E07D 97%);

0

gelb + transparent


CSS-Code:

background-image: linear-gradient(218deg, #3300006B 10%,#8E9C10 100%);

0

#241B41 - #5A4695 - #954C97 - #E65F9D - #F9BB78


CSS-Code:

background-image: linear-gradient(37deg, #241B41 0%,#5A4695 23%,#954C97 51%,#E65F9D 79%,#F9BB78 100%);

0

#6E7F84 - #91807B


CSS-Code:

background-image: linear-gradient(183deg, #6E7F84 100%,#91807B 100%);

0

#C1CDB9 - #AC9844 - #DED361 - #E8E9C6


CSS-Code:

background-image: linear-gradient(34deg, #C1CDB9 0%,#AC9844 38%,#DED361 69%,#E8E9C6 90%);

0

#AC9844 - #E8E9C6


CSS-Code:

background-image: linear-gradient(34deg, #AC9844 10%,#E8E9C6 100%);

0

#003EC7 - #1C3055


CSS-Code:

background-image: linear-gradient(162deg, #003EC7 10%,#1C3055 100%);

-1

#A69B92 - #C0504D


CSS-Code:

background-image: linear-gradient(89deg, #A69B92 46%,#C0504D 57%);

0

#A49C93 - #5B636C


CSS-Code:

background-image: linear-gradient(130deg, #A49C93 10%,#5B636C 100%);

-1

#484F88 - #E79B47


CSS-Code:

background-image: linear-gradient(132deg, #484F88 21%,#E79B47 100%);

+1

#484F88 - #E79B47


CSS-Code:

background-image: linear-gradient(298deg, #484F88 10%,#E79B47 100%);

+1

#E5E0DC - #6667AB - #571F5A - #1D0B1E


CSS-Code:

background-image: linear-gradient(123deg, #E5E0DC 8%,#6667AB 25%,#571F5A 56%,#1D0B1E 97%);

0

#F7E02C - #0845D4


CSS-Code:

background-image: linear-gradient(351deg, #F7E02C 20%,#0845D4 82%);

0

#F7E02C - #0845D4


CSS-Code:

background-image: linear-gradient(349deg, #F7E02C 20%,#0845D4 82%);

+2

#20342B - #101A16 - #000000


CSS-Code:

background-image: radial-gradient(circle , #20342B 0%,#101A16 50%,#000000 100%);

0

#FC0A0A - #E0106A


CSS-Code:

background-image: linear-gradient(227deg, #FC0A0A 8%,#E0106A 85%);

-1

#ABA241 - #47464A


CSS-Code:

background-image: linear-gradient(293deg, #ABA241 42%,#47464A 95%);

+2

#0859FC - #050FFC - #4003F9 - #880AFA - #C903F4 - #FB04DE - #FC139B - #DF033F - #E7030B


CSS-Code:

background-image: radial-gradient(circle at 17% 31%, #0859FC 0%,#050FFC 13%,#4003F9 25%,#880AFA 37%,#C903F4 50%,#FB04DE 63%,#FC139B 76%,#DF033F 90%,#E7030B 100%);

+1

#FF8E2B - #FFA8F9 - #6970F5


CSS-Code:

background-image: radial-gradient(circle at 60% 4%, #FF8E2B 14%,#FFA8F9 34%,#6970F5 58%);

-1

#D6CECC - #293133


CSS-Code:

background-image: linear-gradient(89deg, #D6CECC 46%,#293133 57%);

0

#53562B - #B8B799


CSS-Code:

background-image: radial-gradient(circle , #53562B 25%,#B8B799 40%);

-1

#B6AC9E - #495361


CSS-Code:

background-image: linear-gradient(314deg, #B6AC9E 15%,#495361 100%);

-1

#808080 - #78857A


CSS-Code:

background-image: radial-gradient(circle , #808080 47%,#78857A 51%);

0

#0080FF - #FF7F00


CSS-Code:

background-image: linear-gradient(159deg, #0080FF 3%,#FF7F00 92%);

Anzeige

Affiliate Shop

Apple® iMac Pro 24''

2021 Apple iMac (24", Apple M1 Chip mit 8‑Core CPU und 8‑Core GPU, Vier Anschlüsse, 8 GB RAM, 512 GB) - Blau

Jetzt kaufen...

2022 Apple MacBook Pro 13''

MIT DER POWER DES M2 – Der 13" MacBook Pro Laptop ist ein mobiles Powerpaket. Mit einer 8‑Core CPU der nächsten Generation, einer 10-Core GPU und bis zu 24 GB gemeinsamem Arbeitsspeicher kannst du schneller mehr erledigen. BIS ZU 20 STD. BATTERIELAUFZEIT – Mit der energieeffizienten Performance des Apple M2 Chip hält die Batterie den ganzen Tag und bis in die Nacht.

Jetzt kaufen...

2022 Apple MacBook Air 13,6''

UNGLAUBLICH DÜNNES DESIGN – Das neu entwickelte MacBook Air ist mobiler als je zuvor und wiegt nur 1,24 kg. Mit diesem extrem leistungsfähigen Laptop kannst du ohne Grenzen arbeiten, spielen und kreativ sein – überall. MIT DER POWER DES M2 – Mit einer 8‑Core CPU der nächsten Generation, einer bis zu 10-Core GPU und bis zu 24 GB gemeinsamem Arbeitsspeicher kannst du schneller mehr erledigen.

Jetzt kaufen...

Apple® Mac mini mit Apple M1 Chip

Von Apple designter M1 Chip für einen gigantischen Leistungssprung bei CPU und GPU und maschinellem Lernen Die 8‑Core CPU liefert eine bis zu 3x schnellere Performance, mit der Workflows schneller als je zuvor werden 8‑Core GPU mit bis zu 6x schnellerer Grafik für grafikintensive Apps und Games 16‑Core Neural Engine für fortschrittliches maschinelles Lernen 8 GB gemeinsamer Arbeitsspeicher, damit alles, was du machst, schnell und flüssig geht Superschneller SSD Speicher startet Apps und öffnet Dateien sofort Fortschrittliches Kühlsystem für eine durchgehend unglaubliche Leistung WLAN 6 der nächsten Generation für schnellere Verbindungen Zwei Thunderbolt / USB 4 Anschlüsse, ein HDMI 2.0 Anschluss, zwei USB‑A Anschlüsse und Gigabit Ethernet

Jetzt kaufen...
Mehr im Affiliate Shop
Mehr farbverläufe

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
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 RGBA

umrechnen von CMYK cyan / magenta / gelb / key zu RGBA rot grün blau transparenz
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 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