#EBEBE9 - #FCF7EF | 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 #EBEBE9 a #FCF7EF

#EBEBE9 #FCF7EF

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

#EBEBE9 - #FCF7EF | 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 #EBEBE9 como 0% y #FCF7EF como 100%.

0.0%	0.0% #EBEBE9	RGB 235 235 233	#EBEBE9
16.7%	16.7% #EDEDEA	RGB 237 237 234	#EDEDEA
33.3%	33.3% #F0EFEB	RGB 240 239 235	#F0EFEB
50.0%	50.0% #F3F1EC	RGB 243 241 236	#F3F1EC
66.7%	66.7% #F6F3ED	RGB 246 243 237	#F6F3ED
83.3%	83.3% #F9F5EE	RGB 249 245 238	#F9F5EE
100.0%	100.0% #FCF7EF	RGB 252 247 239	#FCF7EF

#EBEBE9 #EDEDEA #F0EFEB #F3F1EC #F6F3ED #F9F5EE #FCF7EF

#EBEBE9 - #FCF7EF

Mezcla HSV

#EBEBE9 - #FCF7EF | 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 #EBEBE9 como 0% y #FCF7EF como 100%.

0.0%	0.0% #EBEBE9	RGB 235 235 233	#EBEBE9
16.7%	16.7% #EDEDEA	RGB 237 237 234	#EDEDEA
33.3%	33.3% #F0EFEB	RGB 240 239 235	#F0EFEB
50.0%	50.0% #F3F2EC	RGB 243 242 236	#F3F2EC
66.7%	66.7% #F6F3ED	RGB 246 243 237	#F6F3ED
83.3%	83.3% #F9F5EE	RGB 249 245 238	#F9F5EE
100.0%	100.0% #FCF7EF	RGB 252 247 239	#FCF7EF

#EBEBE9 #EDEDEA #F0EFEB #F3F2EC #F6F3ED #F9F5EE #FCF7EF

#EBEBE9 - #F3F2EC - #FCF7EF

Códigos CSS

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

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