#E5E4EB - #A592AF | 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 #E5E4EB a #A592AF

#E5E4EB #A592AF

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

#E5E4EB - #A592AF | 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 #E5E4EB como 0% y #A592AF como 100%.

0.0%	0.0% #E5E4EB	RGB 229 228 235	#E5E4EB
16.7%	16.7% #DAD6E1	RGB 218 214 225	#DAD6E1
33.3%	33.3% #CFC8D7	RGB 207 200 215	#CFC8D7
50.0%	50.0% #C5BBCD	RGB 197 187 205	#C5BBCD
66.7%	66.7% #BAADC3	RGB 186 173 195	#BAADC3
83.3%	83.3% #AF9FB9	RGB 175 159 185	#AF9FB9
100.0%	100.0% #A592AF	RGB 165 146 175	#A592AF

#E5E4EB #DAD6E1 #CFC8D7 #C5BBCD #BAADC3 #AF9FB9 #A592AF

#E5E4EB - #A592AF

Mezcla HSV

#E5E4EB - #A592AF | 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 #E5E4EB como 0% y #A592AF como 100%.

0.0%	0.0% #E5E4EB	RGB 229 228 235	#E5E4EB
16.7%	16.7% #D7D5E1	RGB 215 213 225	#D7D5E1
33.3%	33.3% #CBC6D7	RGB 203 198 215	#CBC6D7
50.0%	50.0% #C0B8CD	RGB 192 184 205	#C0B8CD
66.7%	66.7% #B6ABC3	RGB 182 171 195	#B6ABC3
83.3%	83.3% #AD9EB9	RGB 173 158 185	#AD9EB9
100.0%	100.0% #A592AF	RGB 165 146 175	#A592AF

#E5E4EB #D7D5E1 #CBC6D7 #C0B8CD #B6ABC3 #AD9EB9 #A592AF

#E5E4EB - #C0B8CD - #A592AF

Códigos CSS

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

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