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

✕

CSS Gradientes:
RGB 20 103 153

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 20 el rojo, 103 el verde y 153 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 87 ciano, 33 magenta, ninguno amarillo y 40 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.

Marcas

Al menos una firma utiliza este color. Aqui puede ver cual es:

23% - 河南汽车在线_河南车市_郑州汽车报价_郑...
Enlace: http://www.autohenan.com

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 20 103 153 - Color complementario

Lineal

HEX #146799 a HEX #EB9866

Código CSS:

background-image: linear-gradient(135deg, #146799 3%, #EB9866 93%);

Radial

HEX #146799 a HEX #EB9866

Código CSS:

background-image: radial-gradient(circle, #146799 3%, #EB9866 86%);

HEX #EB9866 a HEX #146799

Código CSS:

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

HEX #EB9866 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #EB9866 4%, #146799 88%);

Gradientes de 2 colores de RGB 20 103 153 - Colores más claros

Lineal

HEX #146799 a HEX #138C99

Código CSS:

background-image: linear-gradient(135deg, #146799 6%, #138C99 97%);

Radial

HEX #146799 a HEX #138C99

Código CSS:

background-image: radial-gradient(circle, #146799 9%, #138C99 89%);

HEX #138C99 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #138C99 0%, #146799 93%);

HEX #138C99 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #138C99 2%, #146799 88%);

HEX #146799 a HEX #136899

Código CSS:

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

HEX #146799 a HEX #136899

Código CSS:

background-image: radial-gradient(circle, #146799 2%, #136899 88%);

HEX #136899 a HEX #146799

Código CSS:

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

HEX #136899 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #136899 2%, #146799 100%);

HEX #146799 a HEX #134499

Código CSS:

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

HEX #146799 a HEX #134499

Código CSS:

background-image: radial-gradient(circle, #146799 10%, #134499 95%);

HEX #134499 a HEX #146799

Código CSS:

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

HEX #134499 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #134499 7%, #146799 87%);

HEX #146799 a HEX #132199

Código CSS:

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

HEX #146799 a HEX #132199

Código CSS:

background-image: radial-gradient(circle, #146799 3%, #132199 91%);

HEX #132199 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #132199 11%, #146799 87%);

HEX #132199 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #132199 4%, #146799 86%);

Gradientes de 2 colores de RGB 20 103 153 - Colores más oscuros

Lineal

HEX #146799 a HEX #0F4E74

Código CSS:

background-image: linear-gradient(135deg, #146799 7%, #0F4E74 94%);

Radial

HEX #146799 a HEX #0F4E74

Código CSS:

background-image: radial-gradient(circle, #146799 11%, #0F4E74 89%);

HEX #0F4E74 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #0F4E74 14%, #146799 86%);

HEX #0F4E74 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #0F4E74 5%, #146799 93%);

HEX #146799 a HEX #136799

Código CSS:

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

HEX #146799 a HEX #136799

Código CSS:

background-image: radial-gradient(circle, #146799 9%, #136799 97%);

HEX #136799 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #136799 7%, #146799 90%);

HEX #136799 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #136799 6%, #146799 91%);

HEX #146799 a HEX #187FBD

Código CSS:

background-image: linear-gradient(135deg, #146799 12%, #187FBD 92%);

HEX #146799 a HEX #187FBD

Código CSS:

background-image: radial-gradient(circle, #146799 9%, #187FBD 87%);

HEX #187FBD a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #187FBD 5%, #146799 87%);

HEX #187FBD a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #187FBD 8%, #146799 87%);

HEX #146799 a HEX #1E98E1

Código CSS:

background-image: linear-gradient(135deg, #146799 9%, #1E98E1 88%);

HEX #146799 a HEX #1E98E1

Código CSS:

background-image: radial-gradient(circle, #146799 13%, #1E98E1 100%);

HEX #1E98E1 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #1E98E1 9%, #146799 93%);

HEX #1E98E1 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #1E98E1 10%, #146799 99%);

Gradientes de 2 colores de RGB 20 103 153 - Colores análogos

Lineal

HEX #146799 a HEX #138C99

Código CSS:

background-image: linear-gradient(135deg, #146799 2%, #138C99 90%);

Radial

HEX #146799 a HEX #138C99

Código CSS:

background-image: radial-gradient(circle, #146799 6%, #138C99 88%);

HEX #138C99 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #138C99 2%, #146799 100%);

HEX #138C99 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #138C99 5%, #146799 92%);

HEX #146799 a HEX #136899

Código CSS:

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

HEX #146799 a HEX #136899

Código CSS:

background-image: radial-gradient(circle, #146799 13%, #136899 91%);

HEX #136899 a HEX #146799

Código CSS:

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

HEX #136899 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #136899 11%, #146799 87%);

HEX #146799 a HEX #134499

Código CSS:

background-image: linear-gradient(135deg, #146799 11%, #134499 88%);

HEX #146799 a HEX #134499

Código CSS:

background-image: radial-gradient(circle, #146799 8%, #134499 93%);

HEX #134499 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #134499 0%, #146799 93%);

HEX #134499 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #134499 5%, #146799 99%);

HEX #146799 a HEX #132199

Código CSS:

background-image: linear-gradient(135deg, #146799 10%, #132199 99%);

HEX #146799 a HEX #132199

Código CSS:

background-image: radial-gradient(circle, #146799 5%, #132199 88%);

HEX #132199 a HEX #146799

Código CSS:

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

HEX #132199 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #132199 6%, #146799 95%);

Gradientes de 2 colores de RGB 20 103 153 - Colores monocromáticos

Lineal

HEX #146799 a HEX #0F4E74

Código CSS:

background-image: linear-gradient(135deg, #146799 11%, #0F4E74 91%);

Radial

HEX #146799 a HEX #0F4E74

Código CSS:

background-image: radial-gradient(circle, #146799 7%, #0F4E74 87%);

HEX #0F4E74 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #0F4E74 10%, #146799 95%);

HEX #0F4E74 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #0F4E74 14%, #146799 87%);

HEX #146799 a HEX #136799

Código CSS:

background-image: linear-gradient(135deg, #146799 6%, #136799 97%);

HEX #146799 a HEX #136799

Código CSS:

background-image: radial-gradient(circle, #146799 2%, #136799 94%);

HEX #136799 a HEX #146799

Código CSS:

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

HEX #136799 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #136799 5%, #146799 87%);

HEX #146799 a HEX #187FBD

Código CSS:

background-image: linear-gradient(135deg, #146799 4%, #187FBD 98%);

HEX #146799 a HEX #187FBD

Código CSS:

background-image: radial-gradient(circle, #146799 0%, #187FBD 98%);

HEX #187FBD a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #187FBD 8%, #146799 97%);

HEX #187FBD a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #187FBD 6%, #146799 98%);

HEX #146799 a HEX #1E98E1

Código CSS:

background-image: linear-gradient(135deg, #146799 14%, #1E98E1 99%);

HEX #146799 a HEX #1E98E1

Código CSS:

background-image: radial-gradient(circle, #146799 6%, #1E98E1 87%);

HEX #1E98E1 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #1E98E1 11%, #146799 97%);

HEX #1E98E1 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #1E98E1 11%, #146799 100%);

Gradientes de 2 colores de RGB 20 103 153 - Colores parcialmente complementarios

Lineal

HEX #146799 a HEX #5F1399

Código CSS:

background-image: linear-gradient(135deg, #146799 3%, #5F1399 87%);

Radial

HEX #146799 a HEX #5F1399

Código CSS:

background-image: radial-gradient(circle, #146799 7%, #5F1399 89%);

HEX #5F1399 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #5F1399 13%, #146799 92%);

HEX #5F1399 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #5F1399 2%, #146799 97%);

HEX #146799 a HEX #999513

Código CSS:

background-image: linear-gradient(135deg, #146799 3%, #999513 90%);

HEX #146799 a HEX #999513

Código CSS:

background-image: radial-gradient(circle, #146799 7%, #999513 86%);

HEX #999513 a HEX #146799

Código CSS:

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

HEX #999513 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #999513 11%, #146799 98%);

Gradientes de 2 colores de RGB 20 103 153 - Colores triádicos

Lineal

HEX #146799 a HEX #991368

Código CSS:

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

Radial

HEX #146799 a HEX #991368

Código CSS:

background-image: radial-gradient(circle, #146799 4%, #991368 92%);

HEX #991368 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #991368 1%, #146799 95%);

HEX #991368 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #991368 1%, #146799 86%);

HEX #146799 a HEX #689913

Código CSS:

background-image: linear-gradient(135deg, #146799 1%, #689913 97%);

HEX #146799 a HEX #689913

Código CSS:

background-image: radial-gradient(circle, #146799 6%, #689913 93%);

HEX #689913 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #689913 1%, #146799 100%);

HEX #689913 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #689913 0%, #146799 88%);

Gradientes de 2 colores de RGB 20 103 153 - Colores rectangulares (tetradicos)

Lineal

HEX #146799 a HEX #5F1399

Código CSS:

background-image: linear-gradient(135deg, #146799 13%, #5F1399 95%);

Radial

HEX #146799 a HEX #5F1399

Código CSS:

background-image: radial-gradient(circle, #146799 1%, #5F1399 97%);

HEX #5F1399 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #5F1399 14%, #146799 93%);

HEX #5F1399 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #5F1399 13%, #146799 91%);

HEX #146799 a HEX #994413

Código CSS:

background-image: linear-gradient(135deg, #146799 2%, #994413 94%);

HEX #146799 a HEX #994413

Código CSS:

background-image: radial-gradient(circle, #146799 11%, #994413 95%);

HEX #994413 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #994413 1%, #146799 100%);

HEX #994413 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #994413 8%, #146799 93%);

HEX #146799 a HEX #4D9913

Código CSS:

background-image: linear-gradient(135deg, #146799 11%, #4D9913 88%);

HEX #146799 a HEX #4D9913

Código CSS:

background-image: radial-gradient(circle, #146799 4%, #4D9913 87%);

HEX #4D9913 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #4D9913 9%, #146799 88%);

HEX #4D9913 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #4D9913 6%, #146799 91%);

Gradientes de 2 colores de RGB 20 103 153 - Colores cuadrados

Lineal

HEX #146799 a HEX #871399

Código CSS:

background-image: linear-gradient(135deg, #146799 1%, #871399 97%);

Radial

HEX #146799 a HEX #871399

Código CSS:

background-image: radial-gradient(circle, #146799 3%, #871399 87%);

HEX #871399 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #871399 6%, #146799 90%);

HEX #871399 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #871399 13%, #146799 99%);

HEX #146799 a HEX #994413

Código CSS:

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

HEX #146799 a HEX #994413

Código CSS:

background-image: radial-gradient(circle, #146799 10%, #994413 97%);

HEX #994413 a HEX #146799

Código CSS:

background-image: linear-gradient(135deg, #994413 7%, #146799 89%);

HEX #994413 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #994413 9%, #146799 100%);

HEX #146799 a HEX #259913

Código CSS:

background-image: linear-gradient(135deg, #146799 4%, #259913 87%);

HEX #146799 a HEX #259913

Código CSS:

background-image: radial-gradient(circle, #146799 2%, #259913 93%);

HEX #259913 a HEX #146799

Código CSS:

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

HEX #259913 a HEX #146799

Código CSS:

background-image: radial-gradient(circle, #259913 1%, #146799 90%);

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.