#EAE5E6 - #FEFFFA | 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 #EAE5E6 a #FEFFFA

#EAE5E6 #FEFFFA

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

#EAE5E6 - #FEFFFA | 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 #EAE5E6 como 0% y #FEFFFA como 100%.

0.0%	0.0% #EAE5E6	RGB 234 229 230	#EAE5E6
16.7%	16.7% #EDE9E9	RGB 237 233 233	#EDE9E9
33.3%	33.3% #F0EDEC	RGB 240 237 236	#F0EDEC
50.0%	50.0% #F4F2F0	RGB 244 242 240	#F4F2F0
66.7%	66.7% #F7F6F3	RGB 247 246 243	#F7F6F3
83.3%	83.3% #FAFAF6	RGB 250 250 246	#FAFAF6
100.0%	100.0% #FEFFFA	RGB 254 255 250	#FEFFFA

#EAE5E6 #EDE9E9 #F0EDEC #F4F2F0 #F7F6F3 #FAFAF6 #FEFFFA

#EAE5E6 - #FEFFFA

Mezcla HSV

#EAE5E6 - #FEFFFA | 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 #EAE5E6 como 0% y #FEFFFA como 100%.

0.0%	0.0% #EAE5E6	RGB 234 229 230	#EAE5E6
16.7%	16.7% #EDE8E8	RGB 237 232 232	#EDE8E8
33.3%	33.3% #F1EDEB	RGB 241 237 235	#F1EDEB
50.0%	50.0% #F4F1EF	RGB 244 241 239	#F4F1EF
66.7%	66.7% #F8F6F2	RGB 248 246 242	#F8F6F2
83.3%	83.3% #FBFBF6	RGB 251 251 246	#FBFBF6
100.0%	100.0% #FEFFFA	RGB 254 255 250	#FEFFFA

#EAE5E6 #EDE8E8 #F1EDEB #F4F1EF #F8F6F2 #FBFBF6 #FEFFFA

#EAE5E6 - #F4F1EF - #FEFFFA

Códigos CSS

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

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