#E5E3E6 - #A499BE | 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 #E5E3E6 a #A499BE

#E5E3E6 #A499BE

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

#E5E3E6 - #A499BE | 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 #E5E3E6 como 0% y #A499BE como 100%.

0.0%	0.0% #E5E3E6	RGB 229 227 230	#E5E3E6
16.7%	16.7% #DAD6DF	RGB 218 214 223	#DAD6DF
33.3%	33.3% #CFCAD8	RGB 207 202 216	#CFCAD8
50.0%	50.0% #C4BED2	RGB 196 190 210	#C4BED2
66.7%	66.7% #B9B1CB	RGB 185 177 203	#B9B1CB
83.3%	83.3% #AEA5C4	RGB 174 165 196	#AEA5C4
100.0%	100.0% #A499BE	RGB 164 153 190	#A499BE

#E5E3E6 #DAD6DF #CFCAD8 #C4BED2 #B9B1CB #AEA5C4 #A499BE

#E5E3E6 - #A499BE

Mezcla HSV

#E5E3E6 - #A499BE | 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 #E5E3E6 como 0% y #A499BE como 100%.

0.0%	0.0% #E5E3E6	RGB 229 227 230	#E5E3E6
16.7%	16.7% #DBD5DF	RGB 219 213 223	#DBD5DF
33.3%	33.3% #D1C8D8	RGB 209 200 216	#D1C8D8
50.0%	50.0% #C6BCD2	RGB 198 188 210	#C6BCD2
66.7%	66.7% #BBB0CB	RGB 187 176 203	#BBB0CB
83.3%	83.3% #AFA4C4	RGB 175 164 196	#AFA4C4
100.0%	100.0% #A499BE	RGB 164 153 190	#A499BE

#E5E3E6 #DBD5DF #D1C8D8 #C6BCD2 #BBB0CB #AFA4C4 #A499BE

#E5E3E6 - #C6BCD2 - #A499BE

Códigos CSS

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

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