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.
Color brillante: los valores cromáticos altos crean una impresión brillante.
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 187 el rojo, 175 el verde y 189 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 1 ciano, 7 magenta, ninguno amarillo y 26 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.
Proporcione a diseñadores y agencias valores cromáticos precisos.
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 1%, #445042 92%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 7%, #445042 98%);
Código CSS:
background-image: linear-gradient(135deg, #445042 1%, #BBAFBD 96%);
Código CSS:
background-image: radial-gradient(circle, #445042 5%, #BBAFBD 98%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 1%, #B6ADBC 94%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 12%, #B6ADBC 86%);
Código CSS:
background-image: linear-gradient(135deg, #B6ADBC 13%, #BBAFBD 96%);
Código CSS:
background-image: radial-gradient(circle, #B6ADBC 9%, #BBAFBD 98%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 6%, #BAADBC 95%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 11%, #BAADBC 91%);
Código CSS:
background-image: linear-gradient(135deg, #BAADBC 8%, #BBAFBD 100%);
Código CSS:
background-image: radial-gradient(circle, #BAADBC 9%, #BBAFBD 90%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 6%, #BCADBA 97%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 1%, #BCADBA 96%);
Código CSS:
background-image: linear-gradient(135deg, #BCADBA 6%, #BBAFBD 88%);
Código CSS:
background-image: radial-gradient(circle, #BCADBA 14%, #BBAFBD 90%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 5%, #BCADB6 92%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 5%, #BCADB6 94%);
Código CSS:
background-image: linear-gradient(135deg, #BCADB6 10%, #BBAFBD 86%);
Código CSS:
background-image: radial-gradient(circle, #BCADB6 1%, #BBAFBD 99%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 7%, #A796A9 86%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 7%, #A796A9 91%);
Código CSS:
background-image: linear-gradient(135deg, #A796A9 12%, #BBAFBD 97%);
Código CSS:
background-image: radial-gradient(circle, #A796A9 7%, #BBAFBD 86%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 0%, #BAADBC 86%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 0%, #BAADBC 97%);
Código CSS:
background-image: linear-gradient(135deg, #BAADBC 12%, #BBAFBD 96%);
Código CSS:
background-image: radial-gradient(circle, #BAADBC 8%, #BBAFBD 92%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 7%, #CDC4CF 86%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 5%, #CDC4CF 88%);
Código CSS:
background-image: linear-gradient(135deg, #CDC4CF 4%, #BBAFBD 94%);
Código CSS:
background-image: radial-gradient(circle, #CDC4CF 12%, #BBAFBD 95%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 3%, #E0DBE1 100%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 11%, #E0DBE1 93%);
Código CSS:
background-image: linear-gradient(135deg, #E0DBE1 12%, #BBAFBD 95%);
Código CSS:
background-image: radial-gradient(circle, #E0DBE1 13%, #BBAFBD 94%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 9%, #B6ADBC 95%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 0%, #B6ADBC 94%);
Código CSS:
background-image: linear-gradient(135deg, #B6ADBC 1%, #BBAFBD 98%);
Código CSS:
background-image: radial-gradient(circle, #B6ADBC 10%, #BBAFBD 90%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 7%, #BAADBC 94%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 10%, #BAADBC 90%);
Código CSS:
background-image: linear-gradient(135deg, #BAADBC 12%, #BBAFBD 94%);
Código CSS:
background-image: radial-gradient(circle, #BAADBC 10%, #BBAFBD 88%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 13%, #BCADBA 86%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 1%, #BCADBA 87%);
Código CSS:
background-image: linear-gradient(135deg, #BCADBA 6%, #BBAFBD 90%);
Código CSS:
background-image: radial-gradient(circle, #BCADBA 4%, #BBAFBD 95%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 11%, #BCADB6 88%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 10%, #BCADB6 94%);
Código CSS:
background-image: linear-gradient(135deg, #BCADB6 4%, #BBAFBD 88%);
Código CSS:
background-image: radial-gradient(circle, #BCADB6 11%, #BBAFBD 100%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 14%, #A796A9 93%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 10%, #A796A9 93%);
Código CSS:
background-image: linear-gradient(135deg, #A796A9 0%, #BBAFBD 95%);
Código CSS:
background-image: radial-gradient(circle, #A796A9 1%, #BBAFBD 92%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 4%, #BAADBC 93%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 6%, #BAADBC 92%);
Código CSS:
background-image: linear-gradient(135deg, #BAADBC 2%, #BBAFBD 88%);
Código CSS:
background-image: radial-gradient(circle, #BAADBC 14%, #BBAFBD 86%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 13%, #CDC4CF 95%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 8%, #CDC4CF 90%);
Código CSS:
background-image: linear-gradient(135deg, #CDC4CF 11%, #BBAFBD 90%);
Código CSS:
background-image: radial-gradient(circle, #CDC4CF 14%, #BBAFBD 86%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 7%, #E0DBE1 86%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 11%, #E0DBE1 98%);
Código CSS:
background-image: linear-gradient(135deg, #E0DBE1 8%, #BBAFBD 86%);
Código CSS:
background-image: radial-gradient(circle, #E0DBE1 9%, #BBAFBD 93%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 12%, #BCAEAD 89%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 14%, #BCAEAD 93%);
Código CSS:
background-image: linear-gradient(135deg, #BCAEAD 6%, #BBAFBD 93%);
Código CSS:
background-image: radial-gradient(circle, #BCAEAD 10%, #BBAFBD 97%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 8%, #ADBCB4 99%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 3%, #ADBCB4 98%);
Código CSS:
background-image: linear-gradient(135deg, #ADBCB4 8%, #BBAFBD 94%);
Código CSS:
background-image: radial-gradient(circle, #ADBCB4 3%, #BBAFBD 97%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 7%, #BCBAAD 86%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 10%, #BCBAAD 93%);
Código CSS:
background-image: linear-gradient(135deg, #BCBAAD 7%, #BBAFBD 95%);
Código CSS:
background-image: radial-gradient(circle, #BCBAAD 3%, #BBAFBD 87%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 1%, #ADBCBA 88%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 10%, #ADBCBA 96%);
Código CSS:
background-image: linear-gradient(135deg, #ADBCBA 1%, #BBAFBD 94%);
Código CSS:
background-image: radial-gradient(circle, #ADBCBA 10%, #BBAFBD 96%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 13%, #BCAEAD 99%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 9%, #BCAEAD 95%);
Código CSS:
background-image: linear-gradient(135deg, #BCAEAD 7%, #BBAFBD 98%);
Código CSS:
background-image: radial-gradient(circle, #BCAEAD 8%, #BBAFBD 100%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 0%, #AFBCAD 86%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 2%, #AFBCAD 86%);
Código CSS:
background-image: linear-gradient(135deg, #AFBCAD 5%, #BBAFBD 86%);
Código CSS:
background-image: radial-gradient(circle, #AFBCAD 9%, #BBAFBD 90%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 2%, #ADBBBC 92%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 5%, #ADBBBC 86%);
Código CSS:
background-image: linear-gradient(135deg, #ADBBBC 11%, #BBAFBD 94%);
Código CSS:
background-image: radial-gradient(circle, #ADBBBC 7%, #BBAFBD 93%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 2%, #BCB2AD 94%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 2%, #BCB2AD 89%);
Código CSS:
background-image: linear-gradient(135deg, #BCB2AD 9%, #BBAFBD 96%);
Código CSS:
background-image: radial-gradient(circle, #BCB2AD 0%, #BBAFBD 94%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 14%, #AFBCAD 89%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 2%, #AFBCAD 90%);
Código CSS:
background-image: linear-gradient(135deg, #AFBCAD 4%, #BBAFBD 86%);
Código CSS:
background-image: radial-gradient(circle, #AFBCAD 2%, #BBAFBD 90%);
Código CSS:
background-image: linear-gradient(135deg, #BBAFBD 9%, #ADB7BC 89%);
Código CSS:
background-image: radial-gradient(circle, #BBAFBD 5%, #ADB7BC 90%);
Código CSS:
background-image: linear-gradient(135deg, #ADB7BC 10%, #BBAFBD 99%);
Código CSS:
background-image: radial-gradient(circle, #ADB7BC 6%, #BBAFBD 89%);
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)
RGBA a HEX
convierta de RGB rojo verde azul transparencia a #RRGGBB
RGBA a CMYK
convierta de RGB rojo verde azul transparencia a CMYK cian / magenta / amarillo / negro
RGBA a RAL®
convierta de RGB rojo verde azul transparencia a RAL®-número (RAL 0000)
RGBA a HKS®
convierta de RGB rojo verde azul transparencia a HKS®-número (HKS 00)
RGBA a PANTONE®
convierta de RGB rojo verde azul transparencia a Pantone®-número (Pantone 0000)
RGBA a Sherwin Williams®
convierta de RGB rojo verde azul transparencia a Sherwin Williams®-número (SW 0000)
RGBA a NCS®
convierta de RGB rojo verde azul transparencia 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 RGBA
convierta de CMYK cian / magenta / amarillo / negro a RGB rojo verde azul transparencia
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 RGBA
convierta de #RRGGBB a RGB rojo verde azul transparencia
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 RGBA
convierta de RAL®-número (RAL 0000) a RGB rojo verde azul transparencia
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 RGBA
convierta de HKS®-número (HKS 00) a RGB rojo verde azul transparencia
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 RGBA
convierta de Pantone®-número (Pantone 0000) a RGB rojo verde azul transparencia
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 RGBA
convierta de Sherwin Williams®-número (SW 0000) a RGB rojo verde azul transparencia
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 RGBA
convierta de NCS-número (S0000-X00X) a RGB rojo verde azul transparencia
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)