#E8CECE - #FDFAEC | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #E8CECE a #FDFAEC

#E8CECE #FDFAEC

Calcule el color entre dos colores, #E8CECE y #FDFAEC. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#E8CECE - #FDFAEC | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #E8CECE como 0% y #FDFAEC como 100%.

0.0%	0.0% #E8CECE	RGB 232 206 206	#E8CECE
16.7%	16.7% #EBD5D3	RGB 235 213 211	#EBD5D3
33.3%	33.3% #EFDCD8	RGB 239 220 216	#EFDCD8
50.0%	50.0% #F2E4DD	RGB 242 228 221	#F2E4DD
66.7%	66.7% #F6EBE2	RGB 246 235 226	#F6EBE2
83.3%	83.3% #F9F2E7	RGB 249 242 231	#F9F2E7
100.0%	100.0% #FDFAEC	RGB 253 250 236	#FDFAEC

#E8CECE #EBD5D3 #EFDCD8 #F2E4DD #F6EBE2 #F9F2E7 #FDFAEC

#E8CECE - #FDFAEC

Mezcla HSV

#E8CECE - #FDFAEC | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #E8CECE como 0% y #FDFAEC como 100%.

0.0%	0.0% #E8CECE	RGB 232 206 206	#E8CECE
16.7%	16.7% #EBD6D2	RGB 235 214 210	#EBD6D2
33.3%	33.3% #EFDED7	RGB 239 222 215	#EFDED7
50.0%	50.0% #F2E5DC	RGB 242 229 220	#F2E5DC
66.7%	66.7% #F6ECE1	RGB 246 236 225	#F6ECE1
83.3%	83.3% #F9F3E6	RGB 249 243 230	#F9F3E6
100.0%	100.0% #FDFAEC	RGB 253 250 236	#FDFAEC

#E8CECE #EBD6D2 #EFDED7 #F2E5DC #F6ECE1 #F9F3E6 #FDFAEC

#E8CECE - #F2E5DC - #FDFAEC

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #E8CECE 0%, #FDFAEC 100%);
    background: -webkit-linear-gradient(top, #E8CECE 0%, #FDFAEC 100%);
    background: linear-gradient(to bottom, #E8CECE 0%, #FDFAEC 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E8CECE 0%, #F2E5DC 50%, #FDFAEC 100%);
    background: -webkit-linear-gradient(top, #E8CECE 0%, #F2E5DC 50%, #FDFAEC 100%);
    background: linear-gradient(to bottom, #E8CECE 0%, #F2E5DC 50%, #FDFAEC 100%);
}
</style>