#EBEEE3 - #EEE4DF | 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 #EBEEE3 a #EEE4DF

#EBEEE3 #EEE4DF

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

#EBEEE3 - #EEE4DF | 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 #EBEEE3 como 0% y #EEE4DF como 100%.

0.0%	0.0% #EBEEE3	RGB 235 238 227	#EBEEE3
16.7%	16.7% #EBECE2	RGB 235 236 226	#EBECE2
33.3%	33.3% #ECEAE1	RGB 236 234 225	#ECEAE1
50.0%	50.0% #ECE9E1	RGB 236 233 225	#ECE9E1
66.7%	66.7% #EDE7E0	RGB 237 231 224	#EDE7E0
83.3%	83.3% #EDE5DF	RGB 237 229 223	#EDE5DF
100.0%	100.0% #EEE4DF	RGB 238 228 223	#EEE4DF

#EBEEE3 #EBECE2 #ECEAE1 #ECE9E1 #EDE7E0 #EDE5DF #EEE4DF

#EBEEE3 - #EEE4DF

Mezcla HSV

#EBEEE3 - #EEE4DF | 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 #EBEEE3 como 0% y #EEE4DF como 100%.

0.0%	0.0% #EBEEE3	RGB 235 238 227	#EBEEE3
16.7%	16.7% #ECEEE2	RGB 236 238 226	#ECEEE2
33.3%	33.3% #EEEDE1	RGB 238 237 225	#EEEDE1
50.0%	50.0% #EEEBE1	RGB 238 235 225	#EEEBE1
66.7%	66.7% #EEE9E0	RGB 238 233 224	#EEE9E0
83.3%	83.3% #EEE6DF	RGB 238 230 223	#EEE6DF
100.0%	100.0% #EEE4DF	RGB 238 228 223	#EEE4DF

#EBEEE3 #ECEEE2 #EEEDE1 #EEEBE1 #EEE9E0 #EEE6DF #EEE4DF

#EBEEE3 - #EEEBE1 - #EEE4DF

Códigos CSS

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

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