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

✕

CSS Gradientes:
RGB 67 118 52

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 67 el rojo, 118 el verde y 52 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.
67 118 52 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 43 ciano, ninguno magenta, 56 amarillo y 54 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.
43% 0% 56% 54% 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 #437634 a HEX #BC89CB


Código CSS:

background-image: linear-gradient(135deg, #437634 0%, #BC89CB 86%);

Radial

HEX #437634 a HEX #BC89CB


Código CSS:

background-image: radial-gradient(circle, #437634 10%, #BC89CB 98%);

 

HEX #BC89CB a HEX #437634


Código CSS:

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

 

HEX #BC89CB a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #BC89CB 8%, #437634 90%);

Lineal

HEX #437634 a HEX #547433


Código CSS:

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

Radial

HEX #437634 a HEX #547433


Código CSS:

background-image: radial-gradient(circle, #437634 12%, #547433 94%);

 

HEX #547433 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #547433 14%, #437634 98%);

 

HEX #547433 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #547433 12%, #437634 89%);

 

HEX #437634 a HEX #427433


Código CSS:

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

 

HEX #437634 a HEX #427433


Código CSS:

background-image: radial-gradient(circle, #437634 6%, #427433 90%);

 

HEX #427433 a HEX #437634


Código CSS:

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

 

HEX #427433 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #427433 4%, #437634 94%);

 

HEX #437634 a HEX #337435


Código CSS:

background-image: linear-gradient(135deg, #437634 8%, #337435 99%);

 

HEX #437634 a HEX #337435


Código CSS:

background-image: radial-gradient(circle, #437634 12%, #337435 88%);

 

HEX #337435 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #337435 14%, #437634 91%);

 

HEX #337435 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #337435 6%, #437634 92%);

 

HEX #437634 a HEX #337447


Código CSS:

background-image: linear-gradient(135deg, #437634 10%, #337447 95%);

 

HEX #437634 a HEX #337447


Código CSS:

background-image: radial-gradient(circle, #437634 2%, #337447 96%);

 

HEX #337447 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #337447 10%, #437634 88%);

 

HEX #337447 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #337447 1%, #437634 99%);

Lineal

HEX #437634 a HEX #325826


Código CSS:

background-image: linear-gradient(135deg, #437634 12%, #325826 96%);

Radial

HEX #437634 a HEX #325826


Código CSS:

background-image: radial-gradient(circle, #437634 13%, #325826 89%);

 

HEX #325826 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #325826 7%, #437634 98%);

 

HEX #325826 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #325826 5%, #437634 90%);

 

HEX #437634 a HEX #427433


Código CSS:

background-image: linear-gradient(135deg, #437634 11%, #427433 91%);

 

HEX #437634 a HEX #427433


Código CSS:

background-image: radial-gradient(circle, #437634 8%, #427433 95%);

 

HEX #427433 a HEX #437634


Código CSS:

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

 

HEX #427433 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #427433 10%, #437634 97%);

 

HEX #437634 a HEX #52913F


Código CSS:

background-image: linear-gradient(135deg, #437634 8%, #52913F 87%);

 

HEX #437634 a HEX #52913F


Código CSS:

background-image: radial-gradient(circle, #437634 7%, #52913F 94%);

 

HEX #52913F a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #52913F 8%, #437634 91%);

 

HEX #52913F a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #52913F 13%, #437634 87%);

 

HEX #437634 a HEX #62AE4C


Código CSS:

background-image: linear-gradient(135deg, #437634 13%, #62AE4C 96%);

 

HEX #437634 a HEX #62AE4C


Código CSS:

background-image: radial-gradient(circle, #437634 4%, #62AE4C 92%);

 

HEX #62AE4C a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #62AE4C 10%, #437634 92%);

 

HEX #62AE4C a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #62AE4C 12%, #437634 88%);

Lineal

HEX #437634 a HEX #547433


Código CSS:

background-image: linear-gradient(135deg, #437634 8%, #547433 99%);

Radial

HEX #437634 a HEX #547433


Código CSS:

background-image: radial-gradient(circle, #437634 8%, #547433 94%);

 

HEX #547433 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #547433 6%, #437634 87%);

 

HEX #547433 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #547433 14%, #437634 100%);

 

HEX #437634 a HEX #427433


Código CSS:

background-image: linear-gradient(135deg, #437634 3%, #427433 98%);

 

HEX #437634 a HEX #427433


Código CSS:

background-image: radial-gradient(circle, #437634 4%, #427433 99%);

 

HEX #427433 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #427433 9%, #437634 100%);

 

HEX #427433 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #427433 2%, #437634 99%);

 

HEX #437634 a HEX #337435


Código CSS:

background-image: linear-gradient(135deg, #437634 2%, #337435 86%);

 

HEX #437634 a HEX #337435


Código CSS:

background-image: radial-gradient(circle, #437634 6%, #337435 89%);

 

HEX #337435 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #337435 6%, #437634 87%);

 

HEX #337435 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #337435 5%, #437634 99%);

 

HEX #437634 a HEX #337447


Código CSS:

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

 

HEX #437634 a HEX #337447


Código CSS:

background-image: radial-gradient(circle, #437634 5%, #337447 98%);

 

HEX #337447 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #337447 12%, #437634 87%);

 

HEX #337447 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #337447 3%, #437634 95%);

Lineal

HEX #437634 a HEX #325826


Código CSS:

background-image: linear-gradient(135deg, #437634 7%, #325826 100%);

Radial

HEX #437634 a HEX #325826


Código CSS:

background-image: radial-gradient(circle, #437634 2%, #325826 87%);

 

HEX #325826 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #325826 10%, #437634 87%);

 

HEX #325826 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #325826 2%, #437634 99%);

 

HEX #437634 a HEX #427433


Código CSS:

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

 

HEX #437634 a HEX #427433


Código CSS:

background-image: radial-gradient(circle, #437634 10%, #427433 86%);

 

HEX #427433 a HEX #437634


Código CSS:

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

 

HEX #427433 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #427433 14%, #437634 92%);

 

HEX #437634 a HEX #52913F


Código CSS:

background-image: linear-gradient(135deg, #437634 5%, #52913F 99%);

 

HEX #437634 a HEX #52913F


Código CSS:

background-image: radial-gradient(circle, #437634 1%, #52913F 89%);

 

HEX #52913F a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #52913F 13%, #437634 100%);

 

HEX #52913F a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #52913F 1%, #437634 97%);

 

HEX #437634 a HEX #62AE4C


Código CSS:

background-image: linear-gradient(135deg, #437634 5%, #62AE4C 87%);

 

HEX #437634 a HEX #62AE4C


Código CSS:

background-image: radial-gradient(circle, #437634 1%, #62AE4C 95%);

 

HEX #62AE4C a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #62AE4C 13%, #437634 95%);

 

HEX #62AE4C a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #62AE4C 14%, #437634 93%);

Gradientes de 2 colores de RGB 67 118 52 - Colores parcialmente complementarios

Lineal

HEX #437634 a HEX #337472


Código CSS:

background-image: linear-gradient(135deg, #437634 5%, #337472 99%);

Radial

HEX #437634 a HEX #337472


Código CSS:

background-image: radial-gradient(circle, #437634 2%, #337472 93%);

 

HEX #337472 a HEX #437634


Código CSS:

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

 

HEX #337472 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #337472 13%, #437634 100%);

 

HEX #437634 a HEX #74335C


Código CSS:

background-image: linear-gradient(135deg, #437634 1%, #74335C 90%);

 

HEX #437634 a HEX #74335C


Código CSS:

background-image: radial-gradient(circle, #437634 11%, #74335C 98%);

 

HEX #74335C a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #74335C 12%, #437634 93%);

 

HEX #74335C a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #74335C 1%, #437634 86%);

Lineal

HEX #437634 a HEX #334274


Código CSS:

background-image: linear-gradient(135deg, #437634 9%, #334274 99%);

Radial

HEX #437634 a HEX #334274


Código CSS:

background-image: radial-gradient(circle, #437634 3%, #334274 100%);

 

HEX #334274 a HEX #437634


Código CSS:

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

 

HEX #334274 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #334274 11%, #437634 90%);

 

HEX #437634 a HEX #743342


Código CSS:

background-image: linear-gradient(135deg, #437634 0%, #743342 98%);

 

HEX #437634 a HEX #743342


Código CSS:

background-image: radial-gradient(circle, #437634 13%, #743342 98%);

 

HEX #743342 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #743342 1%, #437634 96%);

 

HEX #743342 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #743342 10%, #437634 92%);

Lineal

HEX #437634 a HEX #337472


Código CSS:

background-image: linear-gradient(135deg, #437634 2%, #337472 90%);

Radial

HEX #437634 a HEX #337472


Código CSS:

background-image: radial-gradient(circle, #437634 13%, #337472 99%);

 

HEX #337472 a HEX #437634


Código CSS:

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

 

HEX #337472 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #337472 7%, #437634 90%);

 

HEX #437634 a HEX #653374


Código CSS:

background-image: linear-gradient(135deg, #437634 5%, #653374 89%);

 

HEX #437634 a HEX #653374


Código CSS:

background-image: radial-gradient(circle, #437634 7%, #653374 93%);

 

HEX #653374 a HEX #437634


Código CSS:

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

 

HEX #653374 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #653374 1%, #437634 90%);

 

HEX #437634 a HEX #743335


Código CSS:

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

 

HEX #437634 a HEX #743335


Código CSS:

background-image: radial-gradient(circle, #437634 10%, #743335 90%);

 

HEX #743335 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #743335 6%, #437634 89%);

 

HEX #743335 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #743335 9%, #437634 93%);

Lineal

HEX #437634 a HEX #336374


Código CSS:

background-image: linear-gradient(135deg, #437634 3%, #336374 91%);

Radial

HEX #437634 a HEX #336374


Código CSS:

background-image: radial-gradient(circle, #437634 10%, #336374 88%);

 

HEX #336374 a HEX #437634


Código CSS:

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

 

HEX #336374 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #336374 11%, #437634 93%);

 

HEX #437634 a HEX #653374


Código CSS:

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

 

HEX #437634 a HEX #653374


Código CSS:

background-image: radial-gradient(circle, #437634 9%, #653374 100%);

 

HEX #653374 a HEX #437634


Código CSS:

background-image: linear-gradient(135deg, #653374 13%, #437634 86%);

 

HEX #653374 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #653374 2%, #437634 87%);

 

HEX #437634 a HEX #744433


Código CSS:

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

 

HEX #437634 a HEX #744433


Código CSS:

background-image: radial-gradient(circle, #437634 3%, #744433 100%);

 

HEX #744433 a HEX #437634


Código CSS:

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

 

HEX #744433 a HEX #437634


Código CSS:

background-image: radial-gradient(circle, #744433 11%, #437634 99%);

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
Icons

CMYK a HEX

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

CMYK a RGB

convierta de CMYK cian / magenta / amarillo / negro a RGB rojo verde azul
Icons

CMYK a RAL®

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

CMYK a HKS®

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

CMYK a PANTONE®

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

CMYK a Sherwin Williams®

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

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 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 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 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 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 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
nsc-logo

NCS® a RGB

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

NCS® a CMYK

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

Icons
nsc-logo

NCS® a HEX

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

NCS® a RAL®

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

NCS® a HKS®

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

NCS® a PANTONE®

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

NCS® a Sherwin Williams®

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

Códigos

To be able to save color palettes, you must be logged in.

Sign in to your account

or

Create an account

Current color palette Share
Should it be public or private?
Link(s) will follow after sharing.

Cancel Share

Color palette shared
Please copy and save the link you want.

Share

OK, I have copied the links

Your colors will be saved in a new color palette.
View it under your profile.
You can further customize it, and share it.

Show color palette
Close

Create a color palette

DownloadDownload in different formats

Remove All

By clicking you can create palettes and download the color swatches.

© 2019-2025 in cooperation ND-DESIGN.WORKS & frag-bobby.de