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.
Como el valor de los colores es relativamente alto comparado con otros, este tono parece ser más claro.
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 188.9 el rojo, 254.2 el verde y 235 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 26 ciano, ninguno magenta, 8 amarillo y ninguno 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, #BCFEEB 14%, #420014 97%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 3%, #420014 86%);
Código CSS:
background-image: linear-gradient(135deg, #420014 1%, #BCFEEB 93%);
Código CSS:
background-image: radial-gradient(circle, #420014 6%, #BCFEEB 94%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 12%, #BDFED9 88%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 9%, #BDFED9 90%);
Código CSS:
background-image: linear-gradient(135deg, #BDFED9 12%, #BCFEEB 86%);
Código CSS:
background-image: radial-gradient(circle, #BDFED9 4%, #BCFEEB 90%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 7%, #BDFEEA 90%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 12%, #BDFEEA 92%);
Código CSS:
background-image: linear-gradient(135deg, #BDFEEA 10%, #BCFEEB 91%);
Código CSS:
background-image: radial-gradient(circle, #BDFEEA 5%, #BCFEEB 93%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 13%, #BDFEFC 94%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 12%, #BDFEFC 86%);
Código CSS:
background-image: linear-gradient(135deg, #BDFEFC 11%, #BCFEEB 100%);
Código CSS:
background-image: radial-gradient(circle, #BDFEFC 0%, #BCFEEB 88%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 12%, #BDEFFE 91%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 12%, #BDEFFE 89%);
Código CSS:
background-image: linear-gradient(135deg, #BDEFFE 0%, #BCFEEB 90%);
Código CSS:
background-image: radial-gradient(circle, #BDEFFE 6%, #BCFEEB 89%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 11%, #94FDDE 100%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 14%, #94FDDE 98%);
Código CSS:
background-image: linear-gradient(135deg, #94FDDE 8%, #BCFEEB 86%);
Código CSS:
background-image: radial-gradient(circle, #94FDDE 11%, #BCFEEB 100%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 1%, #BDFEEB 88%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 7%, #BDFEEB 98%);
Código CSS:
background-image: linear-gradient(135deg, #BDFEEB 8%, #BCFEEB 96%);
Código CSS:
background-image: radial-gradient(circle, #BDFEEB 13%, #BCFEEB 99%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 3%, #E6FEF7 94%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 2%, #E6FEF7 100%);
Código CSS:
background-image: linear-gradient(135deg, #E6FEF7 10%, #BCFEEB 89%);
Código CSS:
background-image: radial-gradient(circle, #E6FEF7 12%, #BCFEEB 88%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 9%, #BDFED9 95%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 7%, #BDFED9 99%);
Código CSS:
background-image: linear-gradient(135deg, #BDFED9 13%, #BCFEEB 92%);
Código CSS:
background-image: radial-gradient(circle, #BDFED9 2%, #BCFEEB 97%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 7%, #BDFEEA 88%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 13%, #BDFEEA 87%);
Código CSS:
background-image: linear-gradient(135deg, #BDFEEA 13%, #BCFEEB 94%);
Código CSS:
background-image: radial-gradient(circle, #BDFEEA 6%, #BCFEEB 86%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 0%, #BDFEFC 90%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 8%, #BDFEFC 88%);
Código CSS:
background-image: linear-gradient(135deg, #BDFEFC 5%, #BCFEEB 89%);
Código CSS:
background-image: radial-gradient(circle, #BDFEFC 6%, #BCFEEB 92%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 5%, #BDEFFE 93%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 6%, #BDEFFE 100%);
Código CSS:
background-image: linear-gradient(135deg, #BDEFFE 11%, #BCFEEB 97%);
Código CSS:
background-image: radial-gradient(circle, #BDEFFE 14%, #BCFEEB 91%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 0%, #94FDDE 87%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 2%, #94FDDE 93%);
Código CSS:
background-image: linear-gradient(135deg, #94FDDE 13%, #BCFEEB 86%);
Código CSS:
background-image: radial-gradient(circle, #94FDDE 4%, #BCFEEB 92%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 3%, #BDFEEB 86%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 6%, #BDFEEB 90%);
Código CSS:
background-image: linear-gradient(135deg, #BDFEEB 8%, #BCFEEB 97%);
Código CSS:
background-image: radial-gradient(circle, #BDFEEB 7%, #BCFEEB 98%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 5%, #E6FEF7 98%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 5%, #E6FEF7 87%);
Código CSS:
background-image: linear-gradient(135deg, #E6FEF7 14%, #BCFEEB 89%);
Código CSS:
background-image: radial-gradient(circle, #E6FEF7 6%, #BCFEEB 100%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 2%, #BDC3FE 89%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 3%, #BDC3FE 93%);
Código CSS:
background-image: linear-gradient(135deg, #BDC3FE 2%, #BCFEEB 98%);
Código CSS:
background-image: radial-gradient(circle, #BDC3FE 6%, #BCFEEB 97%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 1%, #FED0BD 87%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 0%, #FED0BD 92%);
Código CSS:
background-image: linear-gradient(135deg, #FED0BD 8%, #BCFEEB 89%);
Código CSS:
background-image: radial-gradient(circle, #FED0BD 0%, #BCFEEB 86%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 1%, #EABDFE 86%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 9%, #EABDFE 93%);
Código CSS:
background-image: linear-gradient(135deg, #EABDFE 10%, #BCFEEB 89%);
Código CSS:
background-image: radial-gradient(circle, #EABDFE 14%, #BCFEEB 92%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 10%, #FEEABD 98%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 9%, #FEEABD 96%);
Código CSS:
background-image: linear-gradient(135deg, #FEEABD 3%, #BCFEEB 90%);
Código CSS:
background-image: radial-gradient(circle, #FEEABD 7%, #BCFEEB 100%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 0%, #BDC3FE 98%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 1%, #BDC3FE 88%);
Código CSS:
background-image: linear-gradient(135deg, #BDC3FE 8%, #BCFEEB 91%);
Código CSS:
background-image: radial-gradient(circle, #BDC3FE 14%, #BCFEEB 94%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 6%, #FEBDD0 90%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 10%, #FEBDD0 88%);
Código CSS:
background-image: linear-gradient(135deg, #FEBDD0 3%, #BCFEEB 94%);
Código CSS:
background-image: radial-gradient(circle, #FEBDD0 8%, #BCFEEB 87%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 7%, #FEF7BD 96%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 9%, #FEF7BD 93%);
Código CSS:
background-image: linear-gradient(135deg, #FEF7BD 11%, #BCFEEB 90%);
Código CSS:
background-image: radial-gradient(circle, #FEF7BD 4%, #BCFEEB 97%);
Lineal
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 6%, #CABDFE 95%);
Radial
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 4%, #CABDFE 96%);
Código CSS:
background-image: linear-gradient(135deg, #CABDFE 13%, #BCFEEB 99%);
Código CSS:
background-image: radial-gradient(circle, #CABDFE 1%, #BCFEEB 86%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 4%, #FEBDD0 93%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 13%, #FEBDD0 93%);
Código CSS:
background-image: linear-gradient(135deg, #FEBDD0 14%, #BCFEEB 96%);
Código CSS:
background-image: radial-gradient(circle, #FEBDD0 8%, #BCFEEB 91%);
Código CSS:
background-image: linear-gradient(135deg, #BCFEEB 3%, #F1FEBD 92%);
Código CSS:
background-image: radial-gradient(circle, #BCFEEB 8%, #F1FEBD 90%);
Código CSS:
background-image: linear-gradient(135deg, #F1FEBD 13%, #BCFEEB 95%);
Código CSS:
background-image: radial-gradient(circle, #F1FEBD 10%, #BCFEEB 87%);
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)