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

✕

Gradiente "#4B57D5 - #B4A82A"

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
161
 

Código CSS:

background-image: linear-gradient(161deg, #4B57D5 48%,#B4A82A 84%);

Gradientes recién creadas

Resumen

Posibles usos

Los degradados de color más actuales. Evalúa los degradados más bonitos y crea los tuyos propios a partir de los colores que mejor combinan.

#EF7B56 - #276BC4

#EF7B56 - #276BC4

#4B57D5 - #B4A82A

#2C33B7 - #D3CC48

#325928 - #4D6F36 - #4C7813

#2136B3 - #DEC94C

#8F852F - #707AD0

#A4D0A3 - #5B2F5C

#7A7847 - #8587B8

#EE268A - #11D975

#6B30A6 - #94CF59

#9DB874 - #62478B

#51A572 - #AE5A8D

#E0B05B - #1F4FA4

#5B49EC - #A4B613

#3C8EEC - #C37113

#E8A392 - #175C6D

#DC1B89 - #23E476

#00AEA0 - #FF515F

#87AA6E - #785591

#45E098 - #BA1F67

#93F9DF - #6C0620

#325928 - #4D6F36 - #4C7813

#325928 - #4D6F36 - #4C7813

#F40A11 - #0BF5EE

Mostrar opciones

0

#EF7B56 - #276BC4


Código CSS:

background-image: radial-gradient(circle , #EF7B56 26%,#276BC4 69%);

0

#EF7B56 - #276BC4


Código CSS:

background-image: linear-gradient(46deg, #EF7B56 22%,#276BC4 69%);

0

#4B57D5 - #B4A82A


Código CSS:

background-image: linear-gradient(161deg, #4B57D5 48%,#B4A82A 84%);

-1

#2C33B7 - #D3CC48


Código CSS:

background-image: radial-gradient(circle at 26% 29%, #2C33B7 7%,#D3CC48 51%);

+1

#325928 - #4D6F36 - #4C7813


Código CSS:

background-image: linear-gradient(359deg, #325928 11%,#4D6F36 48%,#4D7425 59%,#4C7813 90%);

0

#2136B3 - #DEC94C


Código CSS:

background-image: linear-gradient(336deg, #2136B3 2%,#808080 59%,#DEC94C 96%);

0

#8F852F - #707AD0


Código CSS:

background-image: linear-gradient(109deg, #8F852F 9%,#808080 59%,#707AD0 89%);

+1

#A4D0A3 - #5B2F5C


Código CSS:

background-image: radial-gradient(circle , #A4D0A3 12%,#5B2F5C 87%);

-1

#7A7847 - #8587B8


Código CSS:

background-image: linear-gradient(136deg, #7A7847 2%,#808080 59%,#8587B8 95%);

0

#EE268A - #11D975


Código CSS:

background-image: radial-gradient(circle , #EE268A 11%,#11D975 86%);

0

#6B30A6 - #94CF59


Código CSS:

background-image: linear-gradient(205deg, #6B30A6 3%,#808080 59%,#94CF59 96%);

0

#9DB874 - #62478B


Código CSS:

background-image: linear-gradient(356deg, #9DB874 11%,#808080 59%,#62478B 97%);

0

#51A572 - #AE5A8D


Código CSS:

background-image: linear-gradient(271deg, #51A572 7%,#808080 59%,#AE5A8D 85%);

0

#E0B05B - #1F4FA4


Código CSS:

background-image: linear-gradient(348deg, #E0B05B 6%,#808080 59%,#1F4FA4 91%);

0

#5B49EC - #A4B613


Código CSS:

background-image: radial-gradient(circle , #5B49EC 6%,#A4B613 97%);

0

#3C8EEC - #C37113


Código CSS:

background-image: radial-gradient(circle closest-side , #3C8EEC 10%,#C37113 88%);

+2

#E8A392 - #175C6D


Código CSS:

background-image: radial-gradient(circle , #E8A392 2%,#175C6D 92%);

0

#DC1B89 - #23E476


Código CSS:

background-image: linear-gradient(193deg, #DC1B89 3%,#808080 59%,#23E476 96%);

+1

#00AEA0 - #FF515F


Código CSS:

background-image: radial-gradient(circle closest-side , #00AEA0 4%,#FF515F 95%);

+1

#87AA6E - #785591


Código CSS:

background-image: linear-gradient(129deg, #87AA6E 8%,#808080 59%,#785591 85%);

0

#45E098 - #BA1F67


Código CSS:

background-image: radial-gradient(circle , #45E098 6%,#BA1F67 92%);

+2

#93F9DF - #6C0620


Código CSS:

background-image: linear-gradient(38deg, #93F9DF 4%,#808080 59%,#6C0620 92%);

+2

#325928 - #4D6F36 - #4C7813


Código CSS:

background-image: linear-gradient(173deg, #325928 11%,#4D6F36 48%,#4D7425 59%,#4C7813 90%);

+2

#325928 - #4D6F36 - #4C7813


Código CSS:

background-image: linear-gradient(309deg, #325928 11%,#4D6F36 48%,#4D7425 59%,#4C7813 90%);

0

#F40A11 - #0BF5EE


Código CSS:

background-image: radial-gradient(circle , #F40A11 6%,#0BF5EE 95%);

Verificación de su paleta de colores como fabricante.

Proporcione a diseñadores y agencias valores cromáticos precisos.

Vámonos

Anunciar

Más Gradientes

Conversiones populares

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
Icons

CMYK a HEX

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

CMYK a RGB

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

CMYK a RGBA

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

CMYK a RAL®

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

CMYK a HKS®

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

CMYK a PANTONE®

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

CMYK a Sherwin Williams®

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

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

Para poder guardar paletas de colores, es necesario registrarse.

Como invitado, puedes reunir y descargar colores en el recopilador. Activa qConv Start gratis para guardar paletas de forma permanente y gestionar los colores de cada paleta.

Acceda a su cuenta

o

Crear una cuenta

Paleta de colores actual Compartir
¿Debe ser público o privado?
Enlace(s) después de compartir.

Cancelar Compartir

Paleta de colores compartida
Por favor, copie y guarde el enlace deseado.

Compartir

OK, he copiado los enlaces

Tus colores se guardan en una nueva paleta de colores.
Consúltalos en tu perfil.
Puedes personalizarlos aún más y compartirlos.

Mostrar paleta de colores
Cerrar

Crear una paleta de colores

DescargarDescargar en varios formatos

Eliminar todo

Haciendo clic en puede crear paletas y descargar las muestras de color .

Gastzugang

Gastzugang

Acceso de invitado: aún sin perfil qConv Start Las funciones básicas están disponibles con un límite de invitado. qConv Start se activa al crear una cuenta gratuita. Después podrás guardar paletas de colores e imágenes permanentemente en tu perfil.
Guardar paletas: se requiere un perfil gratuitoHasta 5 colores en el recopilador para invitados

© 2019-2026 - Designed by frag-bobby.de