#E5E4E6 - #AB9ABE | 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 #E5E4E6 a #AB9ABE

#E5E4E6 #AB9ABE

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

#E5E4E6 - #AB9ABE | 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 #E5E4E6 como 0% y #AB9ABE como 100%.

0.0%	0.0% #E5E4E6	RGB 229 228 230	#E5E4E6
16.7%	16.7% #DBD7DF	RGB 219 215 223	#DBD7DF
33.3%	33.3% #D1CBD8	RGB 209 203 216	#D1CBD8
50.0%	50.0% #C8BFD2	RGB 200 191 210	#C8BFD2
66.7%	66.7% #BEB2CB	RGB 190 178 203	#BEB2CB
83.3%	83.3% #B4A6C4	RGB 180 166 196	#B4A6C4
100.0%	100.0% #AB9ABE	RGB 171 154 190	#AB9ABE

#E5E4E6 #DBD7DF #D1CBD8 #C8BFD2 #BEB2CB #B4A6C4 #AB9ABE

#E5E4E6 - #AB9ABE

Mezcla HSV

#E5E4E6 - #AB9ABE | 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 #E5E4E6 como 0% y #AB9ABE como 100%.

0.0%	0.0% #E5E4E6	RGB 229 228 230	#E5E4E6
16.7%	16.7% #DAD6DF	RGB 218 214 223	#DAD6DF
33.3%	33.3% #D1C9D8	RGB 209 201 216	#D1C9D8
50.0%	50.0% #C7BDD2	RGB 199 189 210	#C7BDD2
66.7%	66.7% #BDB1CB	RGB 189 177 203	#BDB1CB
83.3%	83.3% #B4A5C4	RGB 180 165 196	#B4A5C4
100.0%	100.0% #AB9ABE	RGB 171 154 190	#AB9ABE

#E5E4E6 #DAD6DF #D1C9D8 #C7BDD2 #BDB1CB #B4A5C4 #AB9ABE

#E5E4E6 - #C7BDD2 - #AB9ABE

Códigos CSS

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

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