#EEE3E6 - #ECDFEE | 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 #EEE3E6 a #ECDFEE

#EEE3E6 #ECDFEE

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

#EEE3E6 - #ECDFEE | 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 #EEE3E6 como 0% y #ECDFEE como 100%.

0.0%	0.0% #EEE3E6	RGB 238 227 230	#EEE3E6
16.7%	16.7% #EDE2E7	RGB 237 226 231	#EDE2E7
33.3%	33.3% #EDE1E8	RGB 237 225 232	#EDE1E8
50.0%	50.0% #EDE1EA	RGB 237 225 234	#EDE1EA
66.7%	66.7% #ECE0EB	RGB 236 224 235	#ECE0EB
83.3%	83.3% #ECDFEC	RGB 236 223 236	#ECDFEC
100.0%	100.0% #ECDFEE	RGB 236 223 238	#ECDFEE

#EEE3E6 #EDE2E7 #EDE1E8 #EDE1EA #ECE0EB #ECDFEC #ECDFEE

#EEE3E6 - #ECDFEE

Mezcla HSV

#EEE3E6 - #ECDFEE | 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 #EEE3E6 como 0% y #ECDFEE como 100%.

0.0%	0.0% #EEE3E6	RGB 238 227 230	#EEE3E6
16.7%	16.7% #EEE2E7	RGB 238 226 231	#EEE2E7
33.3%	33.3% #EEE1E8	RGB 238 225 232	#EEE1E8
50.0%	50.0% #EEE1EA	RGB 238 225 234	#EEE1EA
66.7%	66.7% #EEE0EB	RGB 238 224 235	#EEE0EB
83.3%	83.3% #EEDFED	RGB 238 223 237	#EEDFED
100.0%	100.0% #ECDFEE	RGB 236 223 238	#ECDFEE

#EEE3E6 #EEE2E7 #EEE1E8 #EEE1EA #EEE0EB #EEDFED #ECDFEE

#EEE3E6 - #EEE1EA - #ECDFEE

Códigos CSS

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

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