#EAEAE9 - #F9F9F8 | 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 #EAEAE9 a #F9F9F8

#EAEAE9 #F9F9F8

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

#EAEAE9 - #F9F9F8 | 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 #EAEAE9 como 0% y #F9F9F8 como 100%.

0.0%	0.0% #EAEAE9	RGB 234 234 233	#EAEAE9
16.7%	16.7% #ECECEB	RGB 236 236 235	#ECECEB
33.3%	33.3% #EFEFEE	RGB 239 239 238	#EFEFEE
50.0%	50.0% #F1F1F0	RGB 241 241 240	#F1F1F0
66.7%	66.7% #F4F4F3	RGB 244 244 243	#F4F4F3
83.3%	83.3% #F6F6F5	RGB 246 246 245	#F6F6F5
100.0%	100.0% #F9F9F8	RGB 249 249 248	#F9F9F8

#EAEAE9 #ECECEB #EFEFEE #F1F1F0 #F4F4F3 #F6F6F5 #F9F9F8

#EAEAE9 - #F9F9F8

Mezcla HSV

#EAEAE9 - #F9F9F8 | 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 #EAEAE9 como 0% y #F9F9F8 como 100%.

0.0%	0.0% #EAEAE9	RGB 234 234 233	#EAEAE9
16.7%	16.7% #ECECEB	RGB 236 236 235	#ECECEB
33.3%	33.3% #EFEFED	RGB 239 239 237	#EFEFED
50.0%	50.0% #F1F1F0	RGB 241 241 240	#F1F1F0
66.7%	66.7% #F4F4F2	RGB 244 244 242	#F4F4F2
83.3%	83.3% #F6F6F5	RGB 246 246 245	#F6F6F5
100.0%	100.0% #F9F9F8	RGB 249 249 248	#F9F9F8

#EAEAE9 #ECECEB #EFEFED #F1F1F0 #F4F4F2 #F6F6F5 #F9F9F8

#EAEAE9 - #F1F1F0 - #F9F9F8

Códigos CSS

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

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