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

CSS Gradientes:
#633064

Información

cerrar todo

Disponga de degradados de color CSS sugeridos a partir de dos tonos de color como el color base y el color complementario.

Encuentre ejemplos de transiciones de color lineales y radiales.

Sencillo para el diseño web: copie el código CSS para integrarlo fácilmente en su sitio web.

Deje que CSS sugiera degradados de color a partir de dos tonos de color, como el tono de color básico y un tono de color más claro.

Encuentre ejemplos de transiciones de color lineales y radiales a partir de Colores más claros.

Simple para el diseño web: copie el código CSS para integrarlo fácilmente en su sitio web.

Deje que CSS sugiera degradados de color a partir de dos tonos de color, como el tono de color básico y un tono de color más oscuro.

Encuentre ejemplos de transiciones de color lineales y radiales de Colores más oscuros.

Fácil para el diseño web: copie el código CSS para integrarlo fácilmente en su sitio web.

Mostrar opciones

Descripción

Color oscuro: los valores de color bajos aparecen más oscuros.

La descomposición del color en el sistema de color RGB: en este tono de color estan, de entre máximo 255 componentes de colores, respectivamente 99 el rojo, 48 el verde y 100 el azul.

De esta proporción de mezcla resulta un tono de color conveniente en la mitad de la intersección.

Usted puede ver en la representación, como el color se compone de tres elementos: del rojo (arriba), del verde (abajo a la derecha) y del azul (abajo a la izquierda). Puede ver el color resultante en el medio.
99 48 100 R G B
El color esta compuesto de la siguiente manera en el sistema de color CMYK: Hay en este tono de color, de entre máximo 100 componentes de colores 1 ciano, 52 magenta, ninguno amarillo y 61 negro.

De esta proporción de mezcla resulta un tono de color conveniente en la mitad de la intersección.

Usted puede ver en la representación, como el color se compone de cuatro elementos: del cian (arriba en la parte izquierda), del magenta (arriba en la parte derecha), del amarillo (abajo en la parte derecha) y del negro o key (abajo en la parte izquierda). Puede ver el color resultante en el medio.
1% 52% 0% 61% C M Y K

Verificación de su paleta de colores como fabricante.

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

Vámonos

Lineal

HEX #633064 a HEX #9CCF9B


Código CSS:

background-image: linear-gradient(135deg, #633064 4%, #9CCF9B 95%);

Radial

HEX #633064 a HEX #9CCF9B


Código CSS:

background-image: radial-gradient(circle, #633064 1%, #9CCF9B 86%);

 

HEX #9CCF9B a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #9CCF9B 0%, #633064 89%);

 

HEX #9CCF9B a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #9CCF9B 10%, #633064 98%);

Lineal

HEX #633064 a HEX #543064


Código CSS:

background-image: linear-gradient(135deg, #633064 0%, #543064 88%);

Radial

HEX #633064 a HEX #543064


Código CSS:

background-image: radial-gradient(circle, #633064 9%, #543064 97%);

 

HEX #543064 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #543064 13%, #633064 89%);

 

HEX #543064 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #543064 12%, #633064 90%);

 

HEX #633064 a HEX #623064


Código CSS:

background-image: linear-gradient(135deg, #633064 14%, #623064 92%);

 

HEX #633064 a HEX #623064


Código CSS:

background-image: radial-gradient(circle, #633064 8%, #623064 92%);

 

HEX #623064 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #623064 1%, #633064 94%);

 

HEX #623064 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #623064 4%, #633064 96%);

 

HEX #633064 a HEX #643058


Código CSS:

background-image: linear-gradient(135deg, #633064 6%, #643058 90%);

 

HEX #633064 a HEX #643058


Código CSS:

background-image: radial-gradient(circle, #633064 2%, #643058 86%);

 

HEX #643058 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #643058 9%, #633064 91%);

 

HEX #643058 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #643058 11%, #633064 86%);

 

HEX #633064 a HEX #64304A


Código CSS:

background-image: linear-gradient(135deg, #633064 6%, #64304A 96%);

 

HEX #633064 a HEX #64304A


Código CSS:

background-image: radial-gradient(circle, #633064 4%, #64304A 98%);

 

HEX #64304A a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #64304A 6%, #633064 96%);

 

HEX #64304A a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #64304A 6%, #633064 97%);

Lineal

HEX #633064 a HEX #472348


Código CSS:

background-image: linear-gradient(135deg, #633064 6%, #472348 86%);

Radial

HEX #633064 a HEX #472348


Código CSS:

background-image: radial-gradient(circle, #633064 13%, #472348 89%);

 

HEX #472348 a HEX #633064


Código CSS:

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

 

HEX #472348 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #472348 5%, #633064 98%);

 

HEX #633064 a HEX #7E3D80


Código CSS:

background-image: linear-gradient(135deg, #633064 7%, #7E3D80 92%);

 

HEX #633064 a HEX #7E3D80


Código CSS:

background-image: radial-gradient(circle, #633064 11%, #7E3D80 87%);

 

HEX #7E3D80 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #7E3D80 5%, #633064 86%);

 

HEX #7E3D80 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #7E3D80 5%, #633064 87%);

 

HEX #633064 a HEX #9A4B9C


Código CSS:

background-image: linear-gradient(135deg, #633064 1%, #9A4B9C 87%);

 

HEX #633064 a HEX #9A4B9C


Código CSS:

background-image: radial-gradient(circle, #633064 5%, #9A4B9C 97%);

 

HEX #9A4B9C a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #9A4B9C 1%, #633064 88%);

 

HEX #9A4B9C a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #9A4B9C 9%, #633064 89%);

Lineal

HEX #633064 a HEX #543064


Código CSS:

background-image: linear-gradient(135deg, #633064 5%, #543064 91%);

Radial

HEX #633064 a HEX #543064


Código CSS:

background-image: radial-gradient(circle, #633064 9%, #543064 98%);

 

HEX #543064 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #543064 2%, #633064 91%);

 

HEX #543064 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #543064 10%, #633064 95%);

 

HEX #633064 a HEX #623064


Código CSS:

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

 

HEX #633064 a HEX #623064


Código CSS:

background-image: radial-gradient(circle, #633064 6%, #623064 94%);

 

HEX #623064 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #623064 13%, #633064 92%);

 

HEX #623064 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #623064 5%, #633064 97%);

 

HEX #633064 a HEX #643058


Código CSS:

background-image: linear-gradient(135deg, #633064 9%, #643058 98%);

 

HEX #633064 a HEX #643058


Código CSS:

background-image: radial-gradient(circle, #633064 5%, #643058 95%);

 

HEX #643058 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #643058 13%, #633064 100%);

 

HEX #643058 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #643058 12%, #633064 91%);

 

HEX #633064 a HEX #64304A


Código CSS:

background-image: linear-gradient(135deg, #633064 11%, #64304A 96%);

 

HEX #633064 a HEX #64304A


Código CSS:

background-image: radial-gradient(circle, #633064 6%, #64304A 87%);

 

HEX #64304A a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #64304A 7%, #633064 94%);

 

HEX #64304A a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #64304A 8%, #633064 95%);

Lineal

HEX #633064 a HEX #472348


Código CSS:

background-image: linear-gradient(135deg, #633064 5%, #472348 88%);

Radial

HEX #633064 a HEX #472348


Código CSS:

background-image: radial-gradient(circle, #633064 3%, #472348 86%);

 

HEX #472348 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #472348 2%, #633064 89%);

 

HEX #472348 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #472348 5%, #633064 89%);

 

HEX #633064 a HEX #7E3D80


Código CSS:

background-image: linear-gradient(135deg, #633064 6%, #7E3D80 89%);

 

HEX #633064 a HEX #7E3D80


Código CSS:

background-image: radial-gradient(circle, #633064 4%, #7E3D80 92%);

 

HEX #7E3D80 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #7E3D80 6%, #633064 96%);

 

HEX #7E3D80 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #7E3D80 0%, #633064 91%);

 

HEX #633064 a HEX #9A4B9C


Código CSS:

background-image: linear-gradient(135deg, #633064 12%, #9A4B9C 100%);

 

HEX #633064 a HEX #9A4B9C


Código CSS:

background-image: radial-gradient(circle, #633064 11%, #9A4B9C 95%);

 

HEX #9A4B9C a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #9A4B9C 5%, #633064 91%);

 

HEX #9A4B9C a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #9A4B9C 0%, #633064 94%);

Lineal

HEX #633064 a HEX #643930


Código CSS:

background-image: linear-gradient(135deg, #633064 4%, #643930 86%);

Radial

HEX #633064 a HEX #643930


Código CSS:

background-image: radial-gradient(circle, #633064 10%, #643930 99%);

 

HEX #643930 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #643930 2%, #633064 98%);

 

HEX #643930 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #643930 7%, #633064 98%);

 

HEX #633064 a HEX #30644D


Código CSS:

background-image: linear-gradient(135deg, #633064 12%, #30644D 87%);

 

HEX #633064 a HEX #30644D


Código CSS:

background-image: radial-gradient(circle, #633064 5%, #30644D 90%);

 

HEX #30644D a HEX #633064


Código CSS:

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

 

HEX #30644D a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #30644D 2%, #633064 90%);

Lineal

HEX #633064 a HEX #646230


Código CSS:

background-image: linear-gradient(135deg, #633064 6%, #646230 90%);

Radial

HEX #633064 a HEX #646230


Código CSS:

background-image: radial-gradient(circle, #633064 14%, #646230 94%);

 

HEX #646230 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #646230 11%, #633064 90%);

 

HEX #646230 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #646230 3%, #633064 94%);

 

HEX #633064 a HEX #306462


Código CSS:

background-image: linear-gradient(135deg, #633064 0%, #306462 97%);

 

HEX #633064 a HEX #306462


Código CSS:

background-image: radial-gradient(circle, #633064 14%, #306462 91%);

 

HEX #306462 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #306462 12%, #633064 91%);

 

HEX #306462 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #306462 7%, #633064 89%);

Lineal

HEX #633064 a HEX #643930


Código CSS:

background-image: linear-gradient(135deg, #633064 7%, #643930 94%);

Radial

HEX #633064 a HEX #643930


Código CSS:

background-image: radial-gradient(circle, #633064 5%, #643930 100%);

 

HEX #643930 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #643930 6%, #633064 91%);

 

HEX #643930 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #643930 11%, #633064 94%);

 

HEX #633064 a HEX #326430


Código CSS:

background-image: linear-gradient(135deg, #633064 1%, #326430 93%);

 

HEX #633064 a HEX #326430


Código CSS:

background-image: radial-gradient(circle, #633064 13%, #326430 88%);

 

HEX #326430 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #326430 1%, #633064 99%);

 

HEX #326430 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #326430 8%, #633064 89%);

 

HEX #633064 a HEX #305B64


Código CSS:

background-image: linear-gradient(135deg, #633064 5%, #305B64 90%);

 

HEX #633064 a HEX #305B64


Código CSS:

background-image: radial-gradient(circle, #633064 6%, #305B64 92%);

 

HEX #305B64 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #305B64 0%, #633064 89%);

 

HEX #305B64 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #305B64 0%, #633064 86%);

Lineal

HEX #633064 a HEX #644830


Código CSS:

background-image: linear-gradient(135deg, #633064 9%, #644830 93%);

Radial

HEX #633064 a HEX #644830


Código CSS:

background-image: radial-gradient(circle, #633064 12%, #644830 95%);

 

HEX #644830 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #644830 8%, #633064 91%);

 

HEX #644830 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #644830 5%, #633064 86%);

 

HEX #633064 a HEX #326430


Código CSS:

background-image: linear-gradient(135deg, #633064 3%, #326430 90%);

 

HEX #633064 a HEX #326430


Código CSS:

background-image: radial-gradient(circle, #633064 4%, #326430 87%);

 

HEX #326430 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #326430 2%, #633064 98%);

 

HEX #326430 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #326430 10%, #633064 96%);

 

HEX #633064 a HEX #304C64


Código CSS:

background-image: linear-gradient(135deg, #633064 9%, #304C64 100%);

 

HEX #633064 a HEX #304C64


Código CSS:

background-image: radial-gradient(circle, #633064 7%, #304C64 88%);

 

HEX #304C64 a HEX #633064


Código CSS:

background-image: linear-gradient(135deg, #304C64 9%, #633064 99%);

 

HEX #304C64 a HEX #633064


Código CSS:

background-image: radial-gradient(circle, #304C64 9%, #633064 100%);

Mostrar más paletas de colores

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

Sherwin Williams® a RGB

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

Sherwin Williams® a RGBA

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

Sherwin Williams® a CMYK

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

Icons

Sherwin Williams® a HEX

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

Sherwin Williams® a RAL®

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

Sherwin Williams® a HKS®

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

Sherwin Williams® a PANTONE®

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

Sherwin Williams® a NCS®

convierta de Sherwin Williams®-número (SW 0000) a NCS-número (S0000-X00X)

nsc-logo

NCS® a RGB

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

NCS® a RGBA

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

NCS® a CMYK

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

Icons

NCS® a HEX

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

NCS® a RAL®

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

NCS® a HKS®

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

NCS® a PANTONE®

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

Para poder guardar paletas de colores, es necesario registrarse.

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 .