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

✕

CSS Gradientes:
RGB 136 69 69

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 136 el rojo, 69 el verde y 69 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 ninguno ciano, 49 magenta, 49 amarillo y 47 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 136 69 69 - Color complementario

Lineal

HEX #884545 a HEX #77BABA

Código CSS:

background-image: linear-gradient(135deg, #884545 8%, #77BABA 96%);

Radial

HEX #884545 a HEX #77BABA

Código CSS:

background-image: radial-gradient(circle, #884545 11%, #77BABA 87%);

HEX #77BABA a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #77BABA 4%, #884545 89%);

HEX #77BABA a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #77BABA 10%, #884545 91%);

Gradientes de 2 colores de RGB 136 69 69 - Colores más claros

Lineal

HEX #884545 a HEX #874456

Código CSS:

background-image: linear-gradient(135deg, #884545 7%, #874456 91%);

Radial

HEX #884545 a HEX #874456

Código CSS:

background-image: radial-gradient(circle, #884545 6%, #874456 90%);

HEX #874456 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #874456 13%, #884545 99%);

HEX #874456 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #874456 9%, #884545 96%);

HEX #884545 a HEX #874444

Código CSS:

background-image: linear-gradient(135deg, #884545 2%, #874444 95%);

HEX #884545 a HEX #874444

Código CSS:

background-image: radial-gradient(circle, #884545 9%, #874444 95%);

HEX #874444 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #874444 12%, #884545 98%);

HEX #874444 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #874444 2%, #884545 100%);

HEX #884545 a HEX #875644

Código CSS:

background-image: linear-gradient(135deg, #884545 13%, #875644 90%);

HEX #884545 a HEX #875644

Código CSS:

background-image: radial-gradient(circle, #884545 0%, #875644 98%);

HEX #875644 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #875644 1%, #884545 90%);

HEX #875644 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #875644 9%, #884545 93%);

HEX #884545 a HEX #876844

Código CSS:

background-image: linear-gradient(135deg, #884545 11%, #876844 97%);

HEX #884545 a HEX #876844

Código CSS:

background-image: radial-gradient(circle, #884545 3%, #876844 94%);

HEX #876844 a HEX #884545

Código CSS:

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

HEX #876844 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #876844 13%, #884545 95%);

Gradientes de 2 colores de RGB 136 69 69 - Colores más oscuros

Lineal

HEX #884545 a HEX #6C3636

Código CSS:

background-image: linear-gradient(135deg, #884545 14%, #6C3636 93%);

Radial

HEX #884545 a HEX #6C3636

Código CSS:

background-image: radial-gradient(circle, #884545 10%, #6C3636 99%);

HEX #6C3636 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #6C3636 11%, #884545 96%);

HEX #6C3636 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #6C3636 1%, #884545 88%);

HEX #884545 a HEX #874444

Código CSS:

background-image: linear-gradient(135deg, #884545 5%, #874444 97%);

HEX #884545 a HEX #874444

Código CSS:

background-image: radial-gradient(circle, #884545 0%, #874444 87%);

HEX #874444 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #874444 12%, #884545 100%);

HEX #874444 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #874444 12%, #884545 95%);

HEX #884545 a HEX #A35252

Código CSS:

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

HEX #884545 a HEX #A35252

Código CSS:

background-image: radial-gradient(circle, #884545 2%, #A35252 90%);

HEX #A35252 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #A35252 9%, #884545 86%);

HEX #A35252 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #A35252 9%, #884545 91%);

HEX #884545 a HEX #B46A6A

Código CSS:

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

HEX #884545 a HEX #B46A6A

Código CSS:

background-image: radial-gradient(circle, #884545 6%, #B46A6A 88%);

HEX #B46A6A a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #B46A6A 12%, #884545 90%);

HEX #B46A6A a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #B46A6A 6%, #884545 86%);

Gradientes de 2 colores de RGB 136 69 69 - Colores análogos

Lineal

HEX #884545 a HEX #874456

Código CSS:

background-image: linear-gradient(135deg, #884545 6%, #874456 100%);

Radial

HEX #884545 a HEX #874456

Código CSS:

background-image: radial-gradient(circle, #884545 8%, #874456 88%);

HEX #874456 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #874456 9%, #884545 88%);

HEX #874456 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #874456 9%, #884545 94%);

HEX #884545 a HEX #874444

Código CSS:

background-image: linear-gradient(135deg, #884545 10%, #874444 94%);

HEX #884545 a HEX #874444

Código CSS:

background-image: radial-gradient(circle, #884545 8%, #874444 94%);

HEX #874444 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #874444 6%, #884545 94%);

HEX #874444 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #874444 3%, #884545 92%);

HEX #884545 a HEX #875644

Código CSS:

background-image: linear-gradient(135deg, #884545 4%, #875644 98%);

HEX #884545 a HEX #875644

Código CSS:

background-image: radial-gradient(circle, #884545 1%, #875644 86%);

HEX #875644 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #875644 0%, #884545 94%);

HEX #875644 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #875644 11%, #884545 90%);

HEX #884545 a HEX #876844

Código CSS:

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

HEX #884545 a HEX #876844

Código CSS:

background-image: radial-gradient(circle, #884545 9%, #876844 98%);

HEX #876844 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #876844 1%, #884545 88%);

HEX #876844 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #876844 10%, #884545 94%);

Gradientes de 2 colores de RGB 136 69 69 - Colores monocromáticos

Lineal

HEX #884545 a HEX #6C3636

Código CSS:

background-image: linear-gradient(135deg, #884545 8%, #6C3636 97%);

Radial

HEX #884545 a HEX #6C3636

Código CSS:

background-image: radial-gradient(circle, #884545 12%, #6C3636 94%);

HEX #6C3636 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #6C3636 14%, #884545 97%);

HEX #6C3636 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #6C3636 13%, #884545 97%);

HEX #884545 a HEX #874444

Código CSS:

background-image: linear-gradient(135deg, #884545 10%, #874444 92%);

HEX #884545 a HEX #874444

Código CSS:

background-image: radial-gradient(circle, #884545 8%, #874444 94%);

HEX #874444 a HEX #884545

Código CSS:

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

HEX #874444 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #874444 5%, #884545 91%);

HEX #884545 a HEX #A35252

Código CSS:

background-image: linear-gradient(135deg, #884545 1%, #A35252 88%);

HEX #884545 a HEX #A35252

Código CSS:

background-image: radial-gradient(circle, #884545 6%, #A35252 86%);

HEX #A35252 a HEX #884545

Código CSS:

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

HEX #A35252 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #A35252 14%, #884545 89%);

HEX #884545 a HEX #B46A6A

Código CSS:

background-image: linear-gradient(135deg, #884545 9%, #B46A6A 90%);

HEX #884545 a HEX #B46A6A

Código CSS:

background-image: radial-gradient(circle, #884545 8%, #B46A6A 93%);

HEX #B46A6A a HEX #884545

Código CSS:

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

HEX #B46A6A a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #B46A6A 5%, #884545 94%);

Gradientes de 2 colores de RGB 136 69 69 - Colores parcialmente complementarios

Lineal

HEX #884545 a HEX #7A8744

Código CSS:

background-image: linear-gradient(135deg, #884545 3%, #7A8744 88%);

Radial

HEX #884545 a HEX #7A8744

Código CSS:

background-image: radial-gradient(circle, #884545 6%, #7A8744 96%);

HEX #7A8744 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #7A8744 1%, #884545 97%);

HEX #7A8744 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #7A8744 6%, #884545 90%);

HEX #884545 a HEX #445F87

Código CSS:

background-image: linear-gradient(135deg, #884545 7%, #445F87 97%);

HEX #884545 a HEX #445F87

Código CSS:

background-image: radial-gradient(circle, #884545 11%, #445F87 91%);

HEX #445F87 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #445F87 9%, #884545 99%);

HEX #445F87 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #445F87 9%, #884545 86%);

Gradientes de 2 colores de RGB 136 69 69 - Colores triádicos

Lineal

HEX #884545 a HEX #448744

Código CSS:

background-image: linear-gradient(135deg, #884545 7%, #448744 99%);

Radial

HEX #884545 a HEX #448744

Código CSS:

background-image: radial-gradient(circle, #884545 5%, #448744 99%);

HEX #448744 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #448744 12%, #884545 94%);

HEX #448744 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #448744 10%, #884545 97%);

HEX #884545 a HEX #444487

Código CSS:

background-image: linear-gradient(135deg, #884545 14%, #444487 95%);

HEX #884545 a HEX #444487

Código CSS:

background-image: radial-gradient(circle, #884545 6%, #444487 97%);

HEX #444487 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #444487 10%, #884545 96%);

HEX #444487 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #444487 1%, #884545 91%);

Gradientes de 2 colores de RGB 136 69 69 - Colores rectangulares (tetradicos)

Lineal

HEX #884545 a HEX #7A8744

Código CSS:

background-image: linear-gradient(135deg, #884545 14%, #7A8744 87%);

Radial

HEX #884545 a HEX #7A8744

Código CSS:

background-image: radial-gradient(circle, #884545 9%, #7A8744 87%);

HEX #7A8744 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #7A8744 14%, #884545 99%);

HEX #7A8744 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #7A8744 11%, #884545 89%);

HEX #884545 a HEX #448787

Código CSS:

background-image: linear-gradient(135deg, #884545 4%, #448787 98%);

HEX #884545 a HEX #448787

Código CSS:

background-image: radial-gradient(circle, #884545 2%, #448787 92%);

HEX #448787 a HEX #884545

Código CSS:

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

HEX #448787 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #448787 12%, #884545 86%);

HEX #884545 a HEX #514487

Código CSS:

background-image: linear-gradient(135deg, #884545 14%, #514487 100%);

HEX #884545 a HEX #514487

Código CSS:

background-image: radial-gradient(circle, #884545 0%, #514487 87%);

HEX #514487 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #514487 8%, #884545 94%);

HEX #514487 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #514487 12%, #884545 97%);

Gradientes de 2 colores de RGB 136 69 69 - Colores cuadrados

Lineal

HEX #884545 a HEX #668744

Código CSS:

background-image: linear-gradient(135deg, #884545 5%, #668744 86%);

Radial

HEX #884545 a HEX #668744

Código CSS:

background-image: radial-gradient(circle, #884545 1%, #668744 100%);

HEX #668744 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #668744 0%, #884545 95%);

HEX #668744 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #668744 8%, #884545 86%);

HEX #884545 a HEX #448787

Código CSS:

background-image: linear-gradient(135deg, #884545 1%, #448787 88%);

HEX #884545 a HEX #448787

Código CSS:

background-image: radial-gradient(circle, #884545 10%, #448787 98%);

HEX #448787 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #448787 12%, #884545 95%);

HEX #448787 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #448787 14%, #884545 96%);

HEX #884545 a HEX #664487

Código CSS:

background-image: linear-gradient(135deg, #884545 14%, #664487 96%);

HEX #884545 a HEX #664487

Código CSS:

background-image: radial-gradient(circle, #884545 4%, #664487 98%);

HEX #664487 a HEX #884545

Código CSS:

background-image: linear-gradient(135deg, #664487 5%, #884545 100%);

HEX #664487 a HEX #884545

Código CSS:

background-image: radial-gradient(circle, #664487 2%, #884545 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

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.