Gradiente "#4DEBAF - #B21450"

Gradiente se está guardando

Este gradiente ya existe.

Para los gradientes, necesita al menos dos colores.

El color no se eliminó.

Nombre para el gradiente:

Cancelar
Guardar
328
 

Código CSS:

background-image: radial-gradient(circle at 86% 18%, #4DEBAF 11%,#B21450 98%);

Gradientes recién creadas

Resumen

Posibles usos

Gradientes recien publicadas. Califique las gradientes más bonitas y crea su propia a partir de colores que encajen lo mejor posible.

Mostrar opciones

Nueva gradientes

0

#A49C93 - #5B636C


Código CSS:

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

0

#484F88 - #E79B47


Código CSS:

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

0

#484F88 - #E79B47


Código CSS:

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

0

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


Código CSS:

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

0

#F7E02C - #0845D4


Código CSS:

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

+1

#F7E02C - #0845D4


Código CSS:

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

+1

#20342B - #101A16 - #000000


Código CSS:

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

0

#FC0A0A - #E0106A


Código CSS:

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

0

#ABA241 - #47464A


Código CSS:

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

+1

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


Código CSS:

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%);

0

#FF8E2B - #FFA8F9 - #6970F5


Código CSS:

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

0

#D6CECC - #293133


Código CSS:

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

-1

#53562B - #B8B799


Código CSS:

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

0

#B6AC9E - #495361


Código CSS:

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

0

#808080 - #78857A


Código CSS:

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

+1

#0080FF - #FF7F00


Código CSS:

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

0

#84C3BE - #7B3C41


Código CSS:

background-image: linear-gradient(154deg, #84C3BE 10%,#7B3C41 100%);

0

#E5EB07 - #1A14F8


Código CSS:

background-image: linear-gradient(233deg, #E5EB07 2%,#1A14F8 95%);

0

#2D6772 - #96AB7C


Código CSS:

background-image: linear-gradient(167deg, #2D6772 23%,#96AB7C 95%);

0

#663333 - #99CCCC


Código CSS:

background-image: linear-gradient(348deg, #663333 0%,#99CCCC 100%);

0

#FCD98B - #032674


Código CSS:

background-image: linear-gradient(99deg, #FCD98B 10%,#032674 100%);

0

#8248AB - #F0C828


Código CSS:

background-image: linear-gradient(15deg, #8248AB 10%,#F0C828 65%);

0

#4FFF00 - #00C241


Código CSS:

background-image: radial-gradient(circle , #4FFF00 10%,#00C241 100%);

0

#FF1A00 - #8F0000


Código CSS:

background-image: linear-gradient(272deg, #FF1A00 8%,#8F0000 96%);

+1

#2878C8 - #F028C8blaupink


Código CSS:

background-image: linear-gradient(83deg, #2878C8 10%,#F028C8 100%);

Anunciar

Más gradientes

Servicios

Colores

RGB a HEX

convierta de RGB rojo verde azul a #RRGGBB

RGB a CMYK

convierta de RGB rojo verde azul a CMYK cian / magenta / amarillo / negro

Icons

RGB a RAL®

convierta de RGB rojo verde azul a RAL®-número (RAL 0000)

RGB a HKS®

convierta de RGB rojo verde azul a HKS®-número (HKS 00)

RGB a PANTONE®

convierta de RGB rojo verde azul a Pantone®-número (Pantone 0000)

RGB a Sherwin Williams®

convierta de RGB rojo verde azul a Sherwin Williams®-número (SW 0000)

RGB a NCS®

convierta de RGB rojo verde azul a NCS-número (S0000-X00X)

nsc-logo

RGBA a HEX

convierta de RGB rojo verde azul transparencia a #RRGGBB

RGBA a CMYK

convierta de RGB rojo verde azul transparencia a CMYK cian / magenta / amarillo / negro

Icons

RGBA a RAL®

convierta de RGB rojo verde azul transparencia a RAL®-número (RAL 0000)

RGBA a HKS®

convierta de RGB rojo verde azul transparencia a HKS®-número (HKS 00)

RGBA a PANTONE®

convierta de RGB rojo verde azul transparencia a Pantone®-número (Pantone 0000)

RGBA a Sherwin Williams®

convierta de RGB rojo verde azul transparencia a Sherwin Williams®-número (SW 0000)

RGBA a NCS®

convierta de RGB rojo verde azul transparencia a NCS-número (S0000-X00X)

nsc-logo

CMYK a HEX

convierta de CMYK cian / magenta / amarillo / negro a #RRGGBB

CMYK a RGB

convierta de CMYK cian / magenta / amarillo / negro a RGB rojo verde azul

CMYK a RGBA

convierta de CMYK cian / magenta / amarillo / negro a RGB rojo verde azul transparencia

CMYK a RAL®

convierta de CMYK cian / magenta / amarillo / negro a RAL®-número (RAL 0000)

CMYK a HKS®

convierta de CMYK cian / magenta / amarillo / negro a HKS®-número (HKS 00)

CMYK a PANTONE®

convierta de CMYK cian / magenta / amarillo / negro a Pantone®-número (Pantone 0000)

CMYK a Sherwin Williams®

convierta de CMYK cian / magenta / amarillo / negro a Sherwin Williams®-número (SW 0000)

CMYK a NCS®

convierta de CMYK cian / magenta / amarillo / negro a NCS-número (S0000-X00X)

nsc-logo

HEX a RGB

convierta de #RRGGBB a RGB rojo verde azul

HEX a RGBA

convierta de #RRGGBB a RGB rojo verde azul transparencia

HEX a CMYK

convierta de #RRGGBB a CMYK cian / magenta / amarillo / negro

Icons

HEX a RAL®

convierta de #RRGGBB a RAL®-número (RAL 0000)

HEX a HKS®

convierta de #RRGGBB a HKS®-número (HKS 00)

HEX a PANTONE®

convierta de #RRGGBB a Pantone®-número (Pantone 0000)

HEX a Sherwin Williams®

convierta de #RRGGBB a Sherwin Williams®-número (SW 0000)

HEX a NCS®

convierta de #RRGGBB a NCS-número (S0000-X00X)

nsc-logo

RAL® a RGB

convierta de RAL®-número (RAL 0000) a RGB rojo verde azul

RAL® a RGBA

convierta de RAL®-número (RAL 0000) a RGB rojo verde azul transparencia

RAL® a CMYK

convierta de RAL®-número (RAL 0000) a CMYK cian / magenta / amarillo / negro

Icons

RAL® a HEX

convierta de RAL®-número (RAL 0000) a #RRGGBB

RAL® a HKS®

convierta de RAL®-número (RAL 0000) a HKS®-número (HKS 00)

RAL® a PANTONE®

convierta de RAL®-número (RAL 0000) a Pantone®-número (Pantone 0000)

RAL® a Sherwin Williams®

convierta de RAL®-número (RAL 0000) a Sherwin Williams®-número (SW 0000)

RAL® a NCS®

convierta de RAL®-número (RAL 0000) a NCS-número (S0000-X00X)

nsc-logo

HKS® a RGB

convierta de HKS®-número (HKS 00) a RGB rojo verde azul

HKS® a RGBA

convierta de HKS®-número (HKS 00) a RGB rojo verde azul transparencia

HKS® a CMYK

convierta de HKS®-número (HKS 00) a CMYK cian / magenta / amarillo / negro

Icons

HKS® a HEX

convierta de HKS®-número (HKS 00) a #RRGGBB

HKS® a RAL®

convierta de HKS®-número (HKS 00) a RAL®-número (RAL 0000)

HKS® a PANTONE®

convierta de HKS®-número (HKS 00) a Pantone®-número (Pantone 0000)

HKS® a Sherwin Williams®

convierta de HKS®-número (HKS 00) a Sherwin Williams®-número (SW 0000)

HKS® a NCS®

convierta de HKS®-número (HKS 00) a NCS-número (S0000-X00X)

nsc-logo

PANTONE® a RGB

convierta de Pantone®-número (Pantone 0000) a RGB rojo verde azul

PANTONE® a RGBA

convierta de Pantone®-número (Pantone 0000) a RGB rojo verde azul transparencia

PANTONE® a CMYK

convierta de Pantone®-número (Pantone 0000) a CMYK cian / magenta / amarillo / negro

Icons

PANTONE® a HEX

convierta de Pantone®-número (Pantone 0000) a #RRGGBB

PANTONE® a RAL®

convierta de Pantone®-número (Pantone 0000) a RAL®-número (RAL 0000)

PANTONE® a HKS®

convierta de Pantone®-número (Pantone 0000) a HKS®-número (HKS 00)

PANTONE® a Sherwin Williams®

convierta de Pantone®-número (Pantone 0000) a Sherwin Williams®-número (SW 0000)

PANTONE® a NCS®

convierta de Pantone®-número (Pantone 0000) a NCS-número (S0000-X00X)

nsc-logo