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

✕

CSS Gradientes:
RGB 25 52 102

Información

cerrar todo

Gradientes de 2 colores - Color complementario

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.

Gradientes de 2 colores - Colores más claros

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.

Gradientes de 2 colores - Colores más oscuros

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 25 el rojo, 52 el verde y 102 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.

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 75 ciano, 49 magenta, ninguno amarillo y 60 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.

Verificación de su paleta de colores como fabricante.

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

Vámonos

Gradientes de 2 colores de RGB 25 52 102 - Color complementario

Lineal

HEX #193466 a HEX #E6CB99

Código CSS:

background-image: linear-gradient(135deg, #193466 3%, #E6CB99 100%);

Radial

HEX #193466 a HEX #E6CB99

Código CSS:

background-image: radial-gradient(circle, #193466 0%, #E6CB99 98%);

HEX #E6CB99 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #E6CB99 12%, #193466 97%);

HEX #E6CB99 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #E6CB99 9%, #193466 90%);

Gradientes de 2 colores de RGB 25 52 102 - Colores más claros

Lineal

HEX #193466 a HEX #184A66

Código CSS:

background-image: linear-gradient(135deg, #193466 6%, #184A66 95%);

Radial

HEX #193466 a HEX #184A66

Código CSS:

background-image: radial-gradient(circle, #193466 10%, #184A66 88%);

HEX #184A66 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #184A66 2%, #193466 88%);

HEX #184A66 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #184A66 4%, #193466 95%);

HEX #193466 a HEX #183566

Código CSS:

background-image: linear-gradient(135deg, #193466 14%, #183566 93%);

HEX #193466 a HEX #183566

Código CSS:

background-image: radial-gradient(circle, #193466 9%, #183566 98%);

HEX #183566 a HEX #193466

Código CSS:

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

HEX #183566 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #183566 14%, #193466 93%);

HEX #193466 a HEX #182066

Código CSS:

background-image: linear-gradient(135deg, #193466 0%, #182066 92%);

HEX #193466 a HEX #182066

Código CSS:

background-image: radial-gradient(circle, #193466 5%, #182066 91%);

HEX #182066 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #182066 14%, #193466 86%);

HEX #182066 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #182066 5%, #193466 96%);

HEX #193466 a HEX #251866

Código CSS:

background-image: linear-gradient(135deg, #193466 2%, #251866 92%);

HEX #193466 a HEX #251866

Código CSS:

background-image: radial-gradient(circle, #193466 3%, #251866 86%);

HEX #251866 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #251866 4%, #193466 96%);

HEX #251866 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #251866 4%, #193466 99%);

Gradientes de 2 colores de RGB 25 52 102 - Colores más oscuros

Lineal

HEX #193466 a HEX #102345

Código CSS:

background-image: linear-gradient(135deg, #193466 12%, #102345 88%);

Radial

HEX #193466 a HEX #102345

Código CSS:

background-image: radial-gradient(circle, #193466 13%, #102345 87%);

HEX #102345 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #102345 5%, #193466 96%);

HEX #102345 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #102345 6%, #193466 93%);

HEX #193466 a HEX #183466

Código CSS:

background-image: linear-gradient(135deg, #193466 13%, #183466 88%);

HEX #193466 a HEX #183466

Código CSS:

background-image: radial-gradient(circle, #193466 5%, #183466 96%);

HEX #183466 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #183466 1%, #193466 92%);

HEX #183466 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #183466 1%, #193466 91%);

HEX #193466 a HEX #204587

Código CSS:

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

HEX #193466 a HEX #204587

Código CSS:

background-image: radial-gradient(circle, #193466 11%, #204587 93%);

HEX #204587 a HEX #193466

Código CSS:

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

HEX #204587 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #204587 10%, #193466 97%);

HEX #193466 a HEX #2855A9

Código CSS:

background-image: linear-gradient(135deg, #193466 3%, #2855A9 86%);

HEX #193466 a HEX #2855A9

Código CSS:

background-image: radial-gradient(circle, #193466 12%, #2855A9 98%);

HEX #2855A9 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #2855A9 13%, #193466 97%);

HEX #2855A9 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #2855A9 2%, #193466 88%);

Gradientes de 2 colores de RGB 25 52 102 - Colores análogos

Lineal

HEX #193466 a HEX #184A66

Código CSS:

background-image: linear-gradient(135deg, #193466 4%, #184A66 98%);

Radial

HEX #193466 a HEX #184A66

Código CSS:

background-image: radial-gradient(circle, #193466 6%, #184A66 90%);

HEX #184A66 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #184A66 10%, #193466 94%);

HEX #184A66 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #184A66 8%, #193466 90%);

HEX #193466 a HEX #183566

Código CSS:

background-image: linear-gradient(135deg, #193466 12%, #183566 89%);

HEX #193466 a HEX #183566

Código CSS:

background-image: radial-gradient(circle, #193466 4%, #183566 90%);

HEX #183566 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #183566 14%, #193466 97%);

HEX #183566 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #183566 10%, #193466 86%);

HEX #193466 a HEX #182066

Código CSS:

background-image: linear-gradient(135deg, #193466 11%, #182066 94%);

HEX #193466 a HEX #182066

Código CSS:

background-image: radial-gradient(circle, #193466 5%, #182066 90%);

HEX #182066 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #182066 8%, #193466 89%);

HEX #182066 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #182066 5%, #193466 99%);

HEX #193466 a HEX #251866

Código CSS:

background-image: linear-gradient(135deg, #193466 14%, #251866 97%);

HEX #193466 a HEX #251866

Código CSS:

background-image: radial-gradient(circle, #193466 4%, #251866 95%);

HEX #251866 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #251866 6%, #193466 93%);

HEX #251866 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #251866 6%, #193466 88%);

Gradientes de 2 colores de RGB 25 52 102 - Colores monocromáticos

Lineal

HEX #193466 a HEX #102345

Código CSS:

background-image: linear-gradient(135deg, #193466 1%, #102345 98%);

Radial

HEX #193466 a HEX #102345

Código CSS:

background-image: radial-gradient(circle, #193466 12%, #102345 93%);

HEX #102345 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #102345 10%, #193466 91%);

HEX #102345 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #102345 12%, #193466 96%);

HEX #193466 a HEX #183466

Código CSS:

background-image: linear-gradient(135deg, #193466 3%, #183466 92%);

HEX #193466 a HEX #183466

Código CSS:

background-image: radial-gradient(circle, #193466 11%, #183466 91%);

HEX #183466 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #183466 3%, #193466 87%);

HEX #183466 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #183466 12%, #193466 98%);

HEX #193466 a HEX #204587

Código CSS:

background-image: linear-gradient(135deg, #193466 6%, #204587 92%);

HEX #193466 a HEX #204587

Código CSS:

background-image: radial-gradient(circle, #193466 9%, #204587 89%);

HEX #204587 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #204587 3%, #193466 95%);

HEX #204587 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #204587 13%, #193466 95%);

HEX #193466 a HEX #2855A9

Código CSS:

background-image: linear-gradient(135deg, #193466 1%, #2855A9 92%);

HEX #193466 a HEX #2855A9

Código CSS:

background-image: radial-gradient(circle, #193466 4%, #2855A9 99%);

HEX #2855A9 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #2855A9 9%, #193466 95%);

HEX #2855A9 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #2855A9 12%, #193466 87%);

Gradientes de 2 colores de RGB 25 52 102 - Colores parcialmente complementarios

Lineal

HEX #193466 a HEX #591866

Código CSS:

background-image: linear-gradient(135deg, #193466 10%, #591866 89%);

Radial

HEX #193466 a HEX #591866

Código CSS:

background-image: radial-gradient(circle, #193466 11%, #591866 97%);

HEX #591866 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #591866 8%, #193466 96%);

HEX #591866 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #591866 6%, #193466 92%);

HEX #193466 a HEX #546618

Código CSS:

background-image: linear-gradient(135deg, #193466 10%, #546618 100%);

HEX #193466 a HEX #546618

Código CSS:

background-image: radial-gradient(circle, #193466 3%, #546618 94%);

HEX #546618 a HEX #193466

Código CSS:

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

HEX #546618 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #546618 5%, #193466 91%);

Gradientes de 2 colores de RGB 25 52 102 - Colores triádicos

Lineal

HEX #193466 a HEX #661835

Código CSS:

background-image: linear-gradient(135deg, #193466 7%, #661835 95%);

Radial

HEX #193466 a HEX #661835

Código CSS:

background-image: radial-gradient(circle, #193466 11%, #661835 90%);

HEX #661835 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #661835 14%, #193466 93%);

HEX #661835 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #661835 0%, #193466 87%);

HEX #193466 a HEX #356618

Código CSS:

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

HEX #193466 a HEX #356618

Código CSS:

background-image: radial-gradient(circle, #193466 3%, #356618 87%);

HEX #356618 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #356618 11%, #193466 96%);

HEX #356618 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #356618 6%, #193466 89%);

Gradientes de 2 colores de RGB 25 52 102 - Colores rectangulares (tetradicos)

Lineal

HEX #193466 a HEX #591866

Código CSS:

background-image: linear-gradient(135deg, #193466 7%, #591866 96%);

Radial

HEX #193466 a HEX #591866

Código CSS:

background-image: radial-gradient(circle, #193466 2%, #591866 92%);

HEX #591866 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #591866 14%, #193466 87%);

HEX #591866 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #591866 12%, #193466 96%);

HEX #193466 a HEX #664A18

Código CSS:

background-image: linear-gradient(135deg, #193466 1%, #664A18 94%);

HEX #193466 a HEX #664A18

Código CSS:

background-image: radial-gradient(circle, #193466 14%, #664A18 94%);

HEX #664A18 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #664A18 7%, #193466 98%);

HEX #664A18 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #664A18 9%, #193466 95%);

HEX #193466 a HEX #256618

Código CSS:

background-image: linear-gradient(135deg, #193466 3%, #256618 99%);

HEX #193466 a HEX #256618

Código CSS:

background-image: radial-gradient(circle, #193466 11%, #256618 99%);

HEX #256618 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #256618 5%, #193466 96%);

HEX #256618 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #256618 10%, #193466 96%);

Gradientes de 2 colores de RGB 25 52 102 - Colores cuadrados

Lineal

HEX #193466 a HEX #66185C

Código CSS:

background-image: linear-gradient(135deg, #193466 0%, #66185C 86%);

Radial

HEX #193466 a HEX #66185C

Código CSS:

background-image: radial-gradient(circle, #193466 12%, #66185C 88%);

HEX #66185C a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #66185C 8%, #193466 98%);

HEX #66185C a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #66185C 9%, #193466 100%);

HEX #193466 a HEX #664A18

Código CSS:

background-image: linear-gradient(135deg, #193466 11%, #664A18 91%);

HEX #193466 a HEX #664A18

Código CSS:

background-image: radial-gradient(circle, #193466 10%, #664A18 94%);

HEX #664A18 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #664A18 14%, #193466 92%);

HEX #664A18 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #664A18 1%, #193466 89%);

HEX #193466 a HEX #186623

Código CSS:

background-image: linear-gradient(135deg, #193466 11%, #186623 100%);

HEX #193466 a HEX #186623

Código CSS:

background-image: radial-gradient(circle, #193466 4%, #186623 87%);

HEX #186623 a HEX #193466

Código CSS:

background-image: linear-gradient(135deg, #186623 2%, #193466 93%);

HEX #186623 a HEX #193466

Código CSS:

background-image: radial-gradient(circle, #186623 7%, #193466 93%);

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

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)

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

HEX a RGB

convierta de #RRGGBB a RGB rojo verde azul

HEX a CMYK

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

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)

RAL® a RGB

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

RAL® a CMYK

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

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)

HKS® a RGB

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

HKS® a CMYK

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

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)

PANTONE® a RGB

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

PANTONE® a CMYK

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

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)

Sherwin Williams® a RGB

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

Sherwin Williams® a CMYK

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

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)

NCS® a RGB

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

NCS® a CMYK

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

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)

NCS® a Sherwin Williams®

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

Códigos

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.

Público

Cancelar Compartir

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

Compartir

Ver

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

Crea una paleta de colores

DescargarDescargar en varios formatos

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