#EEE3E3 - #EEDFEB | 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 #EEE3E3 a #EEDFEB

#EEE3E3 #EEDFEB

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

#EEE3E3 - #EEDFEB | 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 #EEE3E3 como 0% y #EEDFEB como 100%.

0.0%	0.0% #EEE3E3	RGB 238 227 227	#EEE3E3
16.7%	16.7% #EEE2E4	RGB 238 226 228	#EEE2E4
33.3%	33.3% #EEE1E5	RGB 238 225 229	#EEE1E5
50.0%	50.0% #EEE1E7	RGB 238 225 231	#EEE1E7
66.7%	66.7% #EEE0E8	RGB 238 224 232	#EEE0E8
83.3%	83.3% #EEDFE9	RGB 238 223 233	#EEDFE9
100.0%	100.0% #EEDFEB	RGB 238 223 235	#EEDFEB

#EEE3E3 #EEE2E4 #EEE1E5 #EEE1E7 #EEE0E8 #EEDFE9 #EEDFEB

#EEE3E3 - #EEDFEB

Mezcla HSV

#EEE3E3 - #EEDFEB | 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 #EEE3E3 como 0% y #EEDFEB como 100%.

0.0%	0.0% #EEE3E3	RGB 238 227 227	#EEE3E3
16.7%	16.7% #EEE2E3	RGB 238 226 227	#EEE2E3
33.3%	33.3% #EEE1E4	RGB 238 225 228	#EEE1E4
50.0%	50.0% #EEE1E6	RGB 238 225 230	#EEE1E6
66.7%	66.7% #EEE0E7	RGB 238 224 231	#EEE0E7
83.3%	83.3% #EEDFE9	RGB 238 223 233	#EEDFE9
100.0%	100.0% #EEDFEB	RGB 238 223 235	#EEDFEB

#EEE3E3 #EEE2E3 #EEE1E4 #EEE1E6 #EEE0E7 #EEDFE9 #EEDFEB

#EEE3E3 - #EEE1E6 - #EEDFEB

Códigos CSS

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

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