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

✕

CSS Gradientes:
RGB 41 146 134

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 41 el rojo, 146 el verde y 134 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 72 ciano, ninguno magenta, 8 amarillo y 43 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 41 146 134 - Color complementario

Lineal

HEX #299286 a HEX #D66D79

Código CSS:

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

Radial

HEX #299286 a HEX #D66D79

Código CSS:

background-image: radial-gradient(circle, #299286 12%, #D66D79 96%);

HEX #D66D79 a HEX #299286

Código CSS:

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

HEX #D66D79 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #D66D79 11%, #299286 88%);

Gradientes de 2 colores de RGB 41 146 134 - Colores más claros

Lineal

HEX #299286 a HEX #29936A

Código CSS:

background-image: linear-gradient(135deg, #299286 4%, #29936A 99%);

Radial

HEX #299286 a HEX #29936A

Código CSS:

background-image: radial-gradient(circle, #299286 7%, #29936A 88%);

HEX #29936A a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #29936A 5%, #299286 87%);

HEX #29936A a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #29936A 2%, #299286 91%);

HEX #299286 a HEX #299386

Código CSS:

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

HEX #299286 a HEX #299386

Código CSS:

background-image: radial-gradient(circle, #299286 11%, #299386 94%);

HEX #299386 a HEX #299286

Código CSS:

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

HEX #299386 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #299386 10%, #299286 100%);

HEX #299286 a HEX #298393

Código CSS:

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

HEX #299286 a HEX #298393

Código CSS:

background-image: radial-gradient(circle, #299286 9%, #298393 96%);

HEX #298393 a HEX #299286

Código CSS:

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

HEX #298393 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #298393 12%, #299286 89%);

HEX #299286 a HEX #296793

Código CSS:

background-image: linear-gradient(135deg, #299286 14%, #296793 90%);

HEX #299286 a HEX #296793

Código CSS:

background-image: radial-gradient(circle, #299286 7%, #296793 99%);

HEX #296793 a HEX #299286

Código CSS:

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

HEX #296793 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #296793 5%, #299286 100%);

Gradientes de 2 colores de RGB 41 146 134 - Colores más oscuros

Lineal

HEX #299286 a HEX #207369

Código CSS:

background-image: linear-gradient(135deg, #299286 0%, #207369 91%);

Radial

HEX #299286 a HEX #207369

Código CSS:

background-image: radial-gradient(circle, #299286 7%, #207369 100%);

HEX #207369 a HEX #299286

Código CSS:

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

HEX #207369 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #207369 10%, #299286 89%);

HEX #299286 a HEX #299387

Código CSS:

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

HEX #299286 a HEX #299387

Código CSS:

background-image: radial-gradient(circle, #299286 12%, #299387 91%);

HEX #299387 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #299387 11%, #299286 86%);

HEX #299387 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #299387 2%, #299286 100%);

HEX #299286 a HEX #32B3A4

Código CSS:

background-image: linear-gradient(135deg, #299286 10%, #32B3A4 87%);

HEX #299286 a HEX #32B3A4

Código CSS:

background-image: radial-gradient(circle, #299286 8%, #32B3A4 96%);

HEX #32B3A4 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #32B3A4 11%, #299286 86%);

HEX #32B3A4 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #32B3A4 9%, #299286 86%);

HEX #299286 a HEX #44CABB

Código CSS:

background-image: linear-gradient(135deg, #299286 2%, #44CABB 96%);

HEX #299286 a HEX #44CABB

Código CSS:

background-image: radial-gradient(circle, #299286 5%, #44CABB 91%);

HEX #44CABB a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #44CABB 6%, #299286 96%);

HEX #44CABB a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #44CABB 3%, #299286 89%);

Gradientes de 2 colores de RGB 41 146 134 - Colores análogos

Lineal

HEX #299286 a HEX #29936A

Código CSS:

background-image: linear-gradient(135deg, #299286 4%, #29936A 99%);

Radial

HEX #299286 a HEX #29936A

Código CSS:

background-image: radial-gradient(circle, #299286 2%, #29936A 87%);

HEX #29936A a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #29936A 8%, #299286 88%);

HEX #29936A a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #29936A 4%, #299286 95%);

HEX #299286 a HEX #299386

Código CSS:

background-image: linear-gradient(135deg, #299286 3%, #299386 96%);

HEX #299286 a HEX #299386

Código CSS:

background-image: radial-gradient(circle, #299286 1%, #299386 96%);

HEX #299386 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #299386 4%, #299286 94%);

HEX #299386 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #299386 2%, #299286 88%);

HEX #299286 a HEX #298393

Código CSS:

background-image: linear-gradient(135deg, #299286 7%, #298393 86%);

HEX #299286 a HEX #298393

Código CSS:

background-image: radial-gradient(circle, #299286 12%, #298393 91%);

HEX #298393 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #298393 2%, #299286 87%);

HEX #298393 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #298393 8%, #299286 100%);

HEX #299286 a HEX #296793

Código CSS:

background-image: linear-gradient(135deg, #299286 4%, #296793 100%);

HEX #299286 a HEX #296793

Código CSS:

background-image: radial-gradient(circle, #299286 14%, #296793 95%);

HEX #296793 a HEX #299286

Código CSS:

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

HEX #296793 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #296793 4%, #299286 86%);

Gradientes de 2 colores de RGB 41 146 134 - Colores monocromáticos

Lineal

HEX #299286 a HEX #207369

Código CSS:

background-image: linear-gradient(135deg, #299286 0%, #207369 100%);

Radial

HEX #299286 a HEX #207369

Código CSS:

background-image: radial-gradient(circle, #299286 3%, #207369 98%);

HEX #207369 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #207369 5%, #299286 94%);

HEX #207369 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #207369 6%, #299286 94%);

HEX #299286 a HEX #299387

Código CSS:

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

HEX #299286 a HEX #299387

Código CSS:

background-image: radial-gradient(circle, #299286 5%, #299387 92%);

HEX #299387 a HEX #299286

Código CSS:

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

HEX #299387 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #299387 3%, #299286 94%);

HEX #299286 a HEX #32B3A4

Código CSS:

background-image: linear-gradient(135deg, #299286 6%, #32B3A4 86%);

HEX #299286 a HEX #32B3A4

Código CSS:

background-image: radial-gradient(circle, #299286 13%, #32B3A4 90%);

HEX #32B3A4 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #32B3A4 3%, #299286 97%);

HEX #32B3A4 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #32B3A4 11%, #299286 99%);

HEX #299286 a HEX #44CABB

Código CSS:

background-image: linear-gradient(135deg, #299286 2%, #44CABB 87%);

HEX #299286 a HEX #44CABB

Código CSS:

background-image: radial-gradient(circle, #299286 6%, #44CABB 92%);

HEX #44CABB a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #44CABB 10%, #299286 97%);

HEX #44CABB a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #44CABB 11%, #299286 99%);

Gradientes de 2 colores de RGB 41 146 134 - Colores parcialmente complementarios

Lineal

HEX #299286 a HEX #322993

Código CSS:

background-image: linear-gradient(135deg, #299286 8%, #322993 92%);

Radial

HEX #299286 a HEX #322993

Código CSS:

background-image: radial-gradient(circle, #299286 14%, #322993 92%);

HEX #322993 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #322993 4%, #299286 93%);

HEX #322993 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #322993 1%, #299286 87%);

HEX #299286 a HEX #935C29

Código CSS:

background-image: linear-gradient(135deg, #299286 10%, #935C29 87%);

HEX #299286 a HEX #935C29

Código CSS:

background-image: radial-gradient(circle, #299286 9%, #935C29 96%);

HEX #935C29 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #935C29 2%, #299286 92%);

HEX #935C29 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #935C29 3%, #299286 88%);

Gradientes de 2 colores de RGB 41 146 134 - Colores triádicos

Lineal

HEX #299286 a HEX #862993

Código CSS:

background-image: linear-gradient(135deg, #299286 13%, #862993 97%);

Radial

HEX #299286 a HEX #862993

Código CSS:

background-image: radial-gradient(circle, #299286 3%, #862993 92%);

HEX #862993 a HEX #299286

Código CSS:

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

HEX #862993 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #862993 11%, #299286 91%);

HEX #299286 a HEX #938629

Código CSS:

background-image: linear-gradient(135deg, #299286 4%, #938629 90%);

HEX #299286 a HEX #938629

Código CSS:

background-image: radial-gradient(circle, #299286 0%, #938629 89%);

HEX #938629 a HEX #299286

Código CSS:

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

HEX #938629 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #938629 0%, #299286 99%);

Gradientes de 2 colores de RGB 41 146 134 - Colores rectangulares (tetradicos)

Lineal

HEX #299286 a HEX #322993

Código CSS:

background-image: linear-gradient(135deg, #299286 5%, #322993 94%);

Radial

HEX #299286 a HEX #322993

Código CSS:

background-image: radial-gradient(circle, #299286 14%, #322993 91%);

HEX #322993 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #322993 10%, #299286 86%);

HEX #322993 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #322993 2%, #299286 90%);

HEX #299286 a HEX #932935

Código CSS:

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

HEX #299286 a HEX #932935

Código CSS:

background-image: radial-gradient(circle, #299286 4%, #932935 90%);

HEX #932935 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #932935 1%, #299286 86%);

HEX #932935 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #932935 11%, #299286 89%);

HEX #299286 a HEX #8A9329

Código CSS:

background-image: linear-gradient(135deg, #299286 5%, #8A9329 100%);

HEX #299286 a HEX #8A9329

Código CSS:

background-image: radial-gradient(circle, #299286 13%, #8A9329 88%);

HEX #8A9329 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #8A9329 0%, #299286 89%);

HEX #8A9329 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #8A9329 14%, #299286 92%);

Gradientes de 2 colores de RGB 41 146 134 - Colores cuadrados

Lineal

HEX #299286 a HEX #522993

Código CSS:

background-image: linear-gradient(135deg, #299286 5%, #522993 98%);

Radial

HEX #299286 a HEX #522993

Código CSS:

background-image: radial-gradient(circle, #299286 13%, #522993 86%);

HEX #522993 a HEX #299286

Código CSS:

background-image: linear-gradient(135deg, #522993 2%, #299286 100%);

HEX #522993 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #522993 10%, #299286 89%);

HEX #299286 a HEX #932935

Código CSS:

background-image: linear-gradient(135deg, #299286 0%, #932935 99%);

HEX #299286 a HEX #932935

Código CSS:

background-image: radial-gradient(circle, #299286 9%, #932935 96%);

HEX #932935 a HEX #299286

Código CSS:

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

HEX #932935 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #932935 4%, #299286 92%);

HEX #299286 a HEX #6A9329

Código CSS:

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

HEX #299286 a HEX #6A9329

Código CSS:

background-image: radial-gradient(circle, #299286 7%, #6A9329 87%);

HEX #6A9329 a HEX #299286

Código CSS:

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

HEX #6A9329 a HEX #299286

Código CSS:

background-image: radial-gradient(circle, #6A9329 10%, #299286 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

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.