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

CSS Gradientes:
RGB 22 29 55

Información

cerrar todo

Sugerimos CSS gradientes de dos tonos de color, tal como el color base y el color complementario.

Encuentre ejemplos de transición de colores lineares y radiales.

Diseño web: Copie el código CSS para integración facil a su página web.

Escoja CSS gradientes de dos tonos de color, tal como uno del color base y un tono más claro.

Encuentre ejemplos de transición de colores lineares y radiales de Colores más claros.

Diseño web: Copie el código CSS para integración fácil en su página web.

Permitanos sugerirle CSS gradientes de dos tonos de color, tal como uno del color base y un tono más claro.

Encuentre ejemplos de transición de colores lineares y radiales de Colores más claros.

Diseño web: Copie el código CSS para integración fácil en su página web.

Mostrar opciones

Descripción

Como el valor de los colores es relativamente bajo comparado con otros, este tono parece ser más oscuro

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 22 el rojo, 29 el verde y 55 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.
22 29 55 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 60 ciano, 47 magenta, ninguno amarillo y 78 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.
60% 47% 0% 78% 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 #161D37 a HEX #E9E2C8


Código CSS:

background-image: linear-gradient(135deg, #161D37 11%, #E9E2C8 98%);

Radial

HEX #161D37 a HEX #E9E2C8


Código CSS:

background-image: radial-gradient(circle, #161D37 5%, #E9E2C8 98%);

 

HEX #E9E2C8 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #E9E2C8 5%, #161D37 90%);

 

HEX #E9E2C8 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #E9E2C8 5%, #161D37 97%);

Lineal

HEX #161D37 a HEX #2C2F45


Código CSS:

background-image: linear-gradient(135deg, #161D37 11%, #2C2F45 100%);

Radial

HEX #161D37 a HEX #2C2F45


Código CSS:

background-image: radial-gradient(circle, #161D37 5%, #2C2F45 96%);

 

HEX #2C2F45 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #2C2F45 11%, #161D37 92%);

 

HEX #2C2F45 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #2C2F45 4%, #161D37 89%);

 

HEX #161D37 a HEX #3D4158


Código CSS:

background-image: linear-gradient(135deg, #161D37 10%, #3D4158 88%);

 

HEX #161D37 a HEX #3D4158


Código CSS:

background-image: radial-gradient(circle, #161D37 11%, #3D4158 93%);

 

HEX #3D4158 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #3D4158 1%, #161D37 98%);

 

HEX #3D4158 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #3D4158 7%, #161D37 98%);

 

HEX #161D37 a HEX #4E536B


Código CSS:

background-image: linear-gradient(135deg, #161D37 6%, #4E536B 90%);

 

HEX #161D37 a HEX #4E536B


Código CSS:

background-image: radial-gradient(circle, #161D37 11%, #4E536B 95%);

 

HEX #4E536B a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #4E536B 9%, #161D37 96%);

 

HEX #4E536B a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #4E536B 6%, #161D37 89%);

 

HEX #161D37 a HEX #5F657E


Código CSS:

background-image: linear-gradient(135deg, #161D37 1%, #5F657E 88%);

 

HEX #161D37 a HEX #5F657E


Código CSS:

background-image: radial-gradient(circle, #161D37 11%, #5F657E 93%);

 

HEX #5F657E a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #5F657E 4%, #161D37 96%);

 

HEX #5F657E a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #5F657E 6%, #161D37 100%);

Lineal

HEX #161D37 a HEX #050B24


Código CSS:

background-image: linear-gradient(135deg, #161D37 13%, #050B24 92%);

Radial

HEX #161D37 a HEX #050B24


Código CSS:

background-image: radial-gradient(circle, #161D37 11%, #050B24 100%);

 

HEX #050B24 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #050B24 6%, #161D37 91%);

 

HEX #050B24 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #050B24 1%, #161D37 96%);

 

HEX #161D37 a HEX #000011


Código CSS:

background-image: linear-gradient(135deg, #161D37 5%, #000011 99%);

 

HEX #161D37 a HEX #000011


Código CSS:

background-image: radial-gradient(circle, #161D37 11%, #000011 88%);

 

HEX #000011 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #000011 3%, #161D37 86%);

 

HEX #000011 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #000011 6%, #161D37 96%);

Lineal

HEX #161D37 a HEX #151736


Código CSS:

background-image: linear-gradient(135deg, #161D37 4%, #151736 87%);

Radial

HEX #161D37 a HEX #151736


Código CSS:

background-image: radial-gradient(circle, #161D37 6%, #151736 91%);

 

HEX #151736 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #151736 4%, #161D37 93%);

 

HEX #151736 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #151736 8%, #161D37 94%);

 

HEX #161D37 a HEX #191536


Código CSS:

background-image: linear-gradient(135deg, #161D37 1%, #191536 93%);

 

HEX #161D37 a HEX #191536


Código CSS:

background-image: radial-gradient(circle, #161D37 12%, #191536 90%);

 

HEX #191536 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #191536 11%, #161D37 94%);

 

HEX #191536 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #191536 10%, #161D37 100%);

 

HEX #161D37 a HEX #1F1536


Código CSS:

background-image: linear-gradient(135deg, #161D37 13%, #1F1536 86%);

 

HEX #161D37 a HEX #1F1536


Código CSS:

background-image: radial-gradient(circle, #161D37 11%, #1F1536 99%);

 

HEX #1F1536 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #1F1536 14%, #161D37 92%);

 

HEX #1F1536 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #1F1536 6%, #161D37 88%);

 

HEX #161D37 a HEX #241536


Código CSS:

background-image: linear-gradient(135deg, #161D37 2%, #241536 99%);

 

HEX #161D37 a HEX #241536


Código CSS:

background-image: radial-gradient(circle, #161D37 8%, #241536 91%);

 

HEX #241536 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #241536 8%, #161D37 99%);

 

HEX #241536 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #241536 1%, #161D37 92%);

Lineal

HEX #161D37 a HEX #2A386A


Código CSS:

background-image: linear-gradient(135deg, #161D37 11%, #2A386A 96%);

Radial

HEX #161D37 a HEX #2A386A


Código CSS:

background-image: radial-gradient(circle, #161D37 8%, #2A386A 91%);

 

HEX #2A386A a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #2A386A 4%, #161D37 100%);

 

HEX #2A386A a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #2A386A 11%, #161D37 88%);

 

HEX #161D37 a HEX #3F539D


Código CSS:

background-image: linear-gradient(135deg, #161D37 12%, #3F539D 90%);

 

HEX #161D37 a HEX #3F539D


Código CSS:

background-image: radial-gradient(circle, #161D37 5%, #3F539D 89%);

 

HEX #3F539D a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #3F539D 10%, #161D37 100%);

 

HEX #3F539D a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #3F539D 4%, #161D37 96%);

 

HEX #161D37 a HEX #536ED0


Código CSS:

background-image: linear-gradient(135deg, #161D37 6%, #536ED0 94%);

 

HEX #161D37 a HEX #536ED0


Código CSS:

background-image: radial-gradient(circle, #161D37 7%, #536ED0 97%);

 

HEX #536ED0 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #536ED0 13%, #161D37 100%);

 

HEX #536ED0 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #536ED0 10%, #161D37 91%);

 

HEX #161D37 a HEX #020204


Código CSS:

background-image: linear-gradient(135deg, #161D37 1%, #020204 100%);

 

HEX #161D37 a HEX #020204


Código CSS:

background-image: radial-gradient(circle, #161D37 3%, #020204 86%);

 

HEX #020204 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #020204 3%, #161D37 94%);

 

HEX #020204 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #020204 0%, #161D37 87%);

Lineal

HEX #161D37 a HEX #361536


Código CSS:

background-image: linear-gradient(135deg, #161D37 14%, #361536 93%);

Radial

HEX #161D37 a HEX #361536


Código CSS:

background-image: radial-gradient(circle, #161D37 13%, #361536 90%);

 

HEX #361536 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #361536 2%, #161D37 92%);

 

HEX #361536 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #361536 5%, #161D37 88%);

 

HEX #161D37 a HEX #2A3615


Código CSS:

background-image: linear-gradient(135deg, #161D37 9%, #2A3615 96%);

 

HEX #161D37 a HEX #2A3615


Código CSS:

background-image: radial-gradient(circle, #161D37 6%, #2A3615 91%);

 

HEX #2A3615 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #2A3615 2%, #161D37 89%);

 

HEX #2A3615 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #2A3615 1%, #161D37 97%);

Lineal

HEX #161D37 a HEX #36151C


Código CSS:

background-image: linear-gradient(135deg, #161D37 4%, #36151C 89%);

Radial

HEX #161D37 a HEX #36151C


Código CSS:

background-image: radial-gradient(circle, #161D37 12%, #36151C 100%);

 

HEX #36151C a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #36151C 1%, #161D37 94%);

 

HEX #36151C a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #36151C 13%, #161D37 86%);

 

HEX #161D37 a HEX #1C3615


Código CSS:

background-image: linear-gradient(135deg, #161D37 1%, #1C3615 89%);

 

HEX #161D37 a HEX #1C3615


Código CSS:

background-image: radial-gradient(circle, #161D37 4%, #1C3615 94%);

 

HEX #1C3615 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #1C3615 0%, #161D37 99%);

 

HEX #1C3615 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #1C3615 0%, #161D37 92%);

Lineal

HEX #161D37 a HEX #361536


Código CSS:

background-image: linear-gradient(135deg, #161D37 3%, #361536 93%);

Radial

HEX #161D37 a HEX #361536


Código CSS:

background-image: radial-gradient(circle, #161D37 5%, #361536 93%);

 

HEX #361536 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #361536 10%, #161D37 89%);

 

HEX #361536 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #361536 13%, #161D37 98%);

 

HEX #161D37 a HEX #362F15


Código CSS:

background-image: linear-gradient(135deg, #161D37 14%, #362F15 88%);

 

HEX #161D37 a HEX #362F15


Código CSS:

background-image: radial-gradient(circle, #161D37 7%, #362F15 95%);

 

HEX #362F15 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #362F15 9%, #161D37 95%);

 

HEX #362F15 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #362F15 2%, #161D37 92%);

 

HEX #161D37 a HEX #163615


Código CSS:

background-image: linear-gradient(135deg, #161D37 1%, #163615 89%);

 

HEX #161D37 a HEX #163615


Código CSS:

background-image: radial-gradient(circle, #161D37 6%, #163615 87%);

 

HEX #163615 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #163615 2%, #161D37 92%);

 

HEX #163615 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #163615 3%, #161D37 92%);

Lineal

HEX #161D37 a HEX #36152D


Código CSS:

background-image: linear-gradient(135deg, #161D37 3%, #36152D 95%);

Radial

HEX #161D37 a HEX #36152D


Código CSS:

background-image: radial-gradient(circle, #161D37 6%, #36152D 92%);

 

HEX #36152D a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #36152D 6%, #161D37 94%);

 

HEX #36152D a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #36152D 6%, #161D37 92%);

 

HEX #161D37 a HEX #362F15


Código CSS:

background-image: linear-gradient(135deg, #161D37 0%, #362F15 87%);

 

HEX #161D37 a HEX #362F15


Código CSS:

background-image: radial-gradient(circle, #161D37 2%, #362F15 96%);

 

HEX #362F15 a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #362F15 13%, #161D37 100%);

 

HEX #362F15 a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #362F15 12%, #161D37 96%);

 

HEX #161D37 a HEX #15361F


Código CSS:

background-image: linear-gradient(135deg, #161D37 0%, #15361F 92%);

 

HEX #161D37 a HEX #15361F


Código CSS:

background-image: radial-gradient(circle, #161D37 0%, #15361F 89%);

 

HEX #15361F a HEX #161D37


Código CSS:

background-image: linear-gradient(135deg, #15361F 0%, #161D37 98%);

 

HEX #15361F a HEX #161D37


Código CSS:

background-image: radial-gradient(circle, #15361F 0%, #161D37 96%);

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 guardar estas paletas de color, tendrá que iniciar una sesión personal.

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 guardarán en una nueva paleta de colores.
Consúltala en tu perfil.
Puedes personalizarla aún más y compartirla.

Mostrar paleta de colores
Cerrar

Crea una paleta de colores

DescargarDescargar en varios formatos

Eliminar todo

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