#ECE9DF - #FFFEF0 | 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 #ECE9DF a #FFFEF0

#ECE9DF #FFFEF0

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

#ECE9DF - #FFFEF0 | 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 #ECE9DF como 0% y #FFFEF0 como 100%.

0.0%	0.0% #ECE9DF	RGB 236 233 223	#ECE9DF
16.7%	16.7% #EFECE1	RGB 239 236 225	#EFECE1
33.3%	33.3% #F2F0E4	RGB 242 240 228	#F2F0E4
50.0%	50.0% #F5F3E7	RGB 245 243 231	#F5F3E7
66.7%	66.7% #F8F7EA	RGB 248 247 234	#F8F7EA
83.3%	83.3% #FBFAED	RGB 251 250 237	#FBFAED
100.0%	100.0% #FFFEF0	RGB 255 254 240	#FFFEF0

#ECE9DF #EFECE1 #F2F0E4 #F5F3E7 #F8F7EA #FBFAED #FFFEF0

#ECE9DF - #FFFEF0

Mezcla HSV

#ECE9DF - #FFFEF0 | 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 #ECE9DF como 0% y #FFFEF0 como 100%.

0.0%	0.0% #ECE9DF	RGB 236 233 223	#ECE9DF
16.7%	16.7% #EFECE1	RGB 239 236 225	#EFECE1
33.3%	33.3% #F2EFE4	RGB 242 239 228	#F2EFE4
50.0%	50.0% #F5F3E7	RGB 245 243 231	#F5F3E7
66.7%	66.7% #F8F6EA	RGB 248 246 234	#F8F6EA
83.3%	83.3% #FBFAED	RGB 251 250 237	#FBFAED
100.0%	100.0% #FFFEF0	RGB 255 254 240	#FFFEF0

#ECE9DF #EFECE1 #F2EFE4 #F5F3E7 #F8F6EA #FBFAED #FFFEF0

#ECE9DF - #F5F3E7 - #FFFEF0

Códigos CSS

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

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