#ECE9E2 - #FFF9F0 | 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 #ECE9E2 a #FFF9F0

#ECE9E2 #FFF9F0

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

#ECE9E2 - #FFF9F0 | 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 #ECE9E2 como 0% y #FFF9F0 como 100%.

0.0%	0.0% #ECE9E2	RGB 236 233 226	#ECE9E2
16.7%	16.7% #EFEBE4	RGB 239 235 228	#EFEBE4
33.3%	33.3% #F2EEE6	RGB 242 238 230	#F2EEE6
50.0%	50.0% #F5F1E9	RGB 245 241 233	#F5F1E9
66.7%	66.7% #F8F3EB	RGB 248 243 235	#F8F3EB
83.3%	83.3% #FBF6ED	RGB 251 246 237	#FBF6ED
100.0%	100.0% #FFF9F0	RGB 255 249 240	#FFF9F0

#ECE9E2 #EFEBE4 #F2EEE6 #F5F1E9 #F8F3EB #FBF6ED #FFF9F0

#ECE9E2 - #FFF9F0

Mezcla HSV

#ECE9E2 - #FFF9F0 | 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 #ECE9E2 como 0% y #FFF9F0 como 100%.

0.0%	0.0% #ECE9E2	RGB 236 233 226	#ECE9E2
16.7%	16.7% #EFEBE4	RGB 239 235 228	#EFEBE4
33.3%	33.3% #F2EEE6	RGB 242 238 230	#F2EEE6
50.0%	50.0% #F5F1E9	RGB 245 241 233	#F5F1E9
66.7%	66.7% #F8F3EB	RGB 248 243 235	#F8F3EB
83.3%	83.3% #FBF6ED	RGB 251 246 237	#FBF6ED
100.0%	100.0% #FFF9F0	RGB 255 249 240	#FFF9F0

#ECE9E2 #EFEBE4 #F2EEE6 #F5F1E9 #F8F3EB #FBF6ED #FFF9F0

#ECE9E2 - #F5F1E9 - #FFF9F0

Códigos CSS

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

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