#A8A8C2 - #E6E6ED | 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 #A8A8C2 a #E6E6ED

#A8A8C2 #E6E6ED

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

#A8A8C2 - #E6E6ED | 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 #A8A8C2 como 0% y #E6E6ED como 100%.

0.0%	0.0% #A8A8C2	RGB 168 168 194	#A8A8C2
16.7%	16.7% #B2B2C9	RGB 178 178 201	#B2B2C9
33.3%	33.3% #BCBCD0	RGB 188 188 208	#BCBCD0
50.0%	50.0% #C7C7D7	RGB 199 199 215	#C7C7D7
66.7%	66.7% #D1D1DE	RGB 209 209 222	#D1D1DE
83.3%	83.3% #DBDBE5	RGB 219 219 229	#DBDBE5
100.0%	100.0% #E6E6ED	RGB 230 230 237	#E6E6ED

#A8A8C2 #B2B2C9 #BCBCD0 #C7C7D7 #D1D1DE #DBDBE5 #E6E6ED

#A8A8C2 - #E6E6ED

Mezcla HSV

#A8A8C2 - #E6E6ED | 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 #A8A8C2 como 0% y #E6E6ED como 100%.

0.0%	0.0% #A8A8C2	RGB 168 168 194	#A8A8C2
16.7%	16.7% #B1B1C9	RGB 177 177 201	#B1B1C9
33.3%	33.3% #BBBBD0	RGB 187 187 208	#BBBBD0
50.0%	50.0% #C5C5D7	RGB 197 197 215	#C5C5D7
66.7%	66.7% #D0D0DE	RGB 208 208 222	#D0D0DE
83.3%	83.3% #DBDBE5	RGB 219 219 229	#DBDBE5
100.0%	100.0% #E6E6ED	RGB 230 230 237	#E6E6ED

#A8A8C2 #B1B1C9 #BBBBD0 #C5C5D7 #D0D0DE #DBDBE5 #E6E6ED

#A8A8C2 - #C5C5D7 - #E6E6ED

Códigos CSS

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

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