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

#FFF9F0 #ECF5E8

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

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

0.0%	0.0% #FFF9F0	RGB 255 249 240	#FFF9F0
16.7%	16.7% #FBF8EE	RGB 251 248 238	#FBF8EE
33.3%	33.3% #F8F7ED	RGB 248 247 237	#F8F7ED
50.0%	50.0% #F5F7EC	RGB 245 247 236	#F5F7EC
66.7%	66.7% #F2F6EA	RGB 242 246 234	#F2F6EA
83.3%	83.3% #EFF5E9	RGB 239 245 233	#EFF5E9
100.0%	100.0% #ECF5E8	RGB 236 245 232	#ECF5E8

#FFF9F0 #FBF8EE #F8F7ED #F5F7EC #F2F6EA #EFF5E9 #ECF5E8

#FFF9F0 - #ECF5E8

Mezcla HSV

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

0.0%	0.0% #FFF9F0	RGB 255 249 240	#FFF9F0
16.7%	16.7% #FDFAEE	RGB 253 250 238	#FDFAEE
33.3%	33.3% #FBFBED	RGB 251 251 237	#FBFBED
50.0%	50.0% #F7FAEC	RGB 247 250 236	#F7FAEC
66.7%	66.7% #F3F8EA	RGB 243 248 234	#F3F8EA
83.3%	83.3% #EFF6E9	RGB 239 246 233	#EFF6E9
100.0%	100.0% #ECF5E8	RGB 236 245 232	#ECF5E8

#FFF9F0 #FDFAEE #FBFBED #F7FAEC #F3F8EA #EFF6E9 #ECF5E8

#FFF9F0 - #F7FAEC - #ECF5E8

Códigos CSS

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

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