#ECE7E8 - #FFFDFD | 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 #ECE7E8 a #FFFDFD

#ECE7E8 #FFFDFD

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

#ECE7E8 - #FFFDFD | 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 #ECE7E8 como 0% y #FFFDFD como 100%.

0.0%	0.0% #ECE7E8	RGB 236 231 232	#ECE7E8
16.7%	16.7% #EFEAEB	RGB 239 234 235	#EFEAEB
33.3%	33.3% #F2EEEF	RGB 242 238 239	#F2EEEF
50.0%	50.0% #F5F2F2	RGB 245 242 242	#F5F2F2
66.7%	66.7% #F8F5F6	RGB 248 245 246	#F8F5F6
83.3%	83.3% #FBF9F9	RGB 251 249 249	#FBF9F9
100.0%	100.0% #FFFDFD	RGB 255 253 253	#FFFDFD

#ECE7E8 #EFEAEB #F2EEEF #F5F2F2 #F8F5F6 #FBF9F9 #FFFDFD

#ECE7E8 - #FFFDFD

Mezcla HSV

#ECE7E8 - #FFFDFD | 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 #ECE7E8 como 0% y #FFFDFD como 100%.

0.0%	0.0% #ECE7E8	RGB 236 231 232	#ECE7E8
16.7%	16.7% #EFEAEB	RGB 239 234 235	#EFEAEB
33.3%	33.3% #F2EEEE	RGB 242 238 238	#F2EEEE
50.0%	50.0% #F5F1F2	RGB 245 241 242	#F5F1F2
66.7%	66.7% #F8F5F5	RGB 248 245 245	#F8F5F5
83.3%	83.3% #FBF9F9	RGB 251 249 249	#FBF9F9
100.0%	100.0% #FFFDFD	RGB 255 253 253	#FFFDFD

#ECE7E8 #EFEAEB #F2EEEE #F5F1F2 #F8F5F5 #FBF9F9 #FFFDFD

#ECE7E8 - #F5F1F2 - #FFFDFD

Códigos CSS

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

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