Farbverlauf "#6B1E13 - #94E1EC"

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
274
 

CSS-Code:

background-image: linear-gradient(274deg, #6B1E13 10%,#94E1EC 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.

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

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