#EBECEB - #EEE5E0 | 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 #EBECEB a #EEE5E0

#EBECEB #EEE5E0

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

#EBECEB - #EEE5E0 | 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 #EBECEB como 0% y #EEE5E0 como 100%.

0.0%	0.0% #EBECEB	RGB 235 236 235	#EBECEB
16.7%	16.7% #EBEAE9	RGB 235 234 233	#EBEAE9
33.3%	33.3% #ECE9E7	RGB 236 233 231	#ECE9E7
50.0%	50.0% #ECE8E5	RGB 236 232 229	#ECE8E5
66.7%	66.7% #EDE7E3	RGB 237 231 227	#EDE7E3
83.3%	83.3% #EDE6E1	RGB 237 230 225	#EDE6E1
100.0%	100.0% #EEE5E0	RGB 238 229 224	#EEE5E0

#EBECEB #EBEAE9 #ECE9E7 #ECE8E5 #EDE7E3 #EDE6E1 #EEE5E0

#EBECEB - #EEE5E0

Mezcla HSV

#EBECEB - #EEE5E0 | 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 #EBECEB como 0% y #EEE5E0 como 100%.

0.0%	0.0% #EBECEB	RGB 235 236 235	#EBECEB
16.7%	16.7% #EAECE9	RGB 234 236 233	#EAECE9
33.3%	33.3% #EAECE7	RGB 234 236 231	#EAECE7
50.0%	50.0% #EBEDE5	RGB 235 237 229	#EBEDE5
66.7%	66.7% #EDECE3	RGB 237 236 227	#EDECE3
83.3%	83.3% #EDE9E1	RGB 237 233 225	#EDE9E1
100.0%	100.0% #EEE5E0	RGB 238 229 224	#EEE5E0

#EBECEB #EAECE9 #EAECE7 #EBEDE5 #EDECE3 #EDE9E1 #EEE5E0

#EBECEB - #EBEDE5 - #EEE5E0

Códigos CSS

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

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