#E3E5E2 - #F9FDE9 | 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 #E3E5E2 a #F9FDE9

#E3E5E2 #F9FDE9

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

#E3E5E2 - #F9FDE9 | 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 #E3E5E2 como 0% y #F9FDE9 como 100%.

0.0%	0.0% #E3E5E2	RGB 227 229 226	#E3E5E2
16.7%	16.7% #E6E9E3	RGB 230 233 227	#E6E9E3
33.3%	33.3% #EAEDE4	RGB 234 237 228	#EAEDE4
50.0%	50.0% #EEF1E5	RGB 238 241 229	#EEF1E5
66.7%	66.7% #F1F5E6	RGB 241 245 230	#F1F5E6
83.3%	83.3% #F5F9E7	RGB 245 249 231	#F5F9E7
100.0%	100.0% #F9FDE9	RGB 249 253 233	#F9FDE9

#E3E5E2 #E6E9E3 #EAEDE4 #EEF1E5 #F1F5E6 #F5F9E7 #F9FDE9

#E3E5E2 - #F9FDE9

Mezcla HSV

#E3E5E2 - #F9FDE9 | 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 #E3E5E2 como 0% y #F9FDE9 como 100%.

0.0%	0.0% #E3E5E2	RGB 227 229 226	#E3E5E2
16.7%	16.7% #E5E9E3	RGB 229 233 227	#E5E9E3
33.3%	33.3% #E8EDE4	RGB 232 237 228	#E8EDE4
50.0%	50.0% #ECF1E5	RGB 236 241 229	#ECF1E5
66.7%	66.7% #F0F5E7	RGB 240 245 231	#F0F5E7
83.3%	83.3% #F4F9E8	RGB 244 249 232	#F4F9E8
100.0%	100.0% #F9FDE9	RGB 249 253 233	#F9FDE9

#E3E5E2 #E5E9E3 #E8EDE4 #ECF1E5 #F0F5E7 #F4F9E8 #F9FDE9

#E3E5E2 - #ECF1E5 - #F9FDE9

Códigos CSS

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

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