#E5E2EB - #A191AF | 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 #E5E2EB a #A191AF

#E5E2EB #A191AF

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

#E5E2EB - #A191AF | 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 #E5E2EB como 0% y #A191AF como 100%.

0.0%	0.0% #E5E2EB	RGB 229 226 235	#E5E2EB
16.7%	16.7% #D9D4E1	RGB 217 212 225	#D9D4E1
33.3%	33.3% #CEC7D7	RGB 206 199 215	#CEC7D7
50.0%	50.0% #C3B9CD	RGB 195 185 205	#C3B9CD
66.7%	66.7% #B7ACC3	RGB 183 172 195	#B7ACC3
83.3%	83.3% #AC9EB9	RGB 172 158 185	#AC9EB9
100.0%	100.0% #A191AF	RGB 161 145 175	#A191AF

#E5E2EB #D9D4E1 #CEC7D7 #C3B9CD #B7ACC3 #AC9EB9 #A191AF

#E5E2EB - #A191AF

Mezcla HSV

#E5E2EB - #A191AF | 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 #E5E2EB como 0% y #A191AF como 100%.

0.0%	0.0% #E5E2EB	RGB 229 226 235	#E5E2EB
16.7%	16.7% #D8D3E1	RGB 216 211 225	#D8D3E1
33.3%	33.3% #CCC5D7	RGB 204 197 215	#CCC5D7
50.0%	50.0% #C0B7CD	RGB 192 183 205	#C0B7CD
66.7%	66.7% #B5AAC3	RGB 181 170 195	#B5AAC3
83.3%	83.3% #AB9DB9	RGB 171 157 185	#AB9DB9
100.0%	100.0% #A191AF	RGB 161 145 175	#A191AF

#E5E2EB #D8D3E1 #CCC5D7 #C0B7CD #B5AAC3 #AB9DB9 #A191AF

#E5E2EB - #C0B7CD - #A191AF

Códigos CSS

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

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