#ECE7E7 - #FFFEFD | 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 #ECE7E7 a #FFFEFD

#ECE7E7 #FFFEFD

Calcule el color entre dos colores, #ECE7E7 y #FFFEFD. 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)

#ECE7E7 - #FFFEFD | 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 #ECE7E7 como 0% y #FFFEFD como 100%.

0.0%	0.0% #ECE7E7	RGB 236 231 231	#ECE7E7
16.7%	16.7% #EFEAEA	RGB 239 234 234	#EFEAEA
33.3%	33.3% #F2EEEE	RGB 242 238 238	#F2EEEE
50.0%	50.0% #F5F2F2	RGB 245 242 242	#F5F2F2
66.7%	66.7% #F8F6F5	RGB 248 246 245	#F8F6F5
83.3%	83.3% #FBFAF9	RGB 251 250 249	#FBFAF9
100.0%	100.0% #FFFEFD	RGB 255 254 253	#FFFEFD

#ECE7E7 #EFEAEA #F2EEEE #F5F2F2 #F8F6F5 #FBFAF9 #FFFEFD

#ECE7E7 - #FFFEFD

Mezcla HSV

#ECE7E7 - #FFFEFD | 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 #ECE7E7 como 0% y #FFFEFD como 100%.

0.0%	0.0% #ECE7E7	RGB 236 231 231	#ECE7E7
16.7%	16.7% #EFEBEA	RGB 239 235 234	#EFEBEA
33.3%	33.3% #F2EEEE	RGB 242 238 238	#F2EEEE
50.0%	50.0% #F5F2F1	RGB 245 242 241	#F5F2F1
66.7%	66.7% #F8F6F5	RGB 248 246 245	#F8F6F5
83.3%	83.3% #FBFAF9	RGB 251 250 249	#FBFAF9
100.0%	100.0% #FFFEFD	RGB 255 254 253	#FFFEFD

#ECE7E7 #EFEBEA #F2EEEE #F5F2F1 #F8F6F5 #FBFAF9 #FFFEFD

#ECE7E7 - #F5F2F1 - #FFFEFD

Códigos CSS

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

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