#A6ABC8 - #E5E7EF | 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 #A6ABC8 a #E5E7EF

#A6ABC8 #E5E7EF

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

#A6ABC8 - #E5E7EF | 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 #A6ABC8 como 0% y #E5E7EF como 100%.

0.0%	0.0% #A6ABC8	RGB 166 171 200	#A6ABC8
16.7%	16.7% #B0B5CE	RGB 176 181 206	#B0B5CE
33.3%	33.3% #BBBFD5	RGB 187 191 213	#BBBFD5
50.0%	50.0% #C5C9DB	RGB 197 201 219	#C5C9DB
66.7%	66.7% #D0D3E2	RGB 208 211 226	#D0D3E2
83.3%	83.3% #DADDE8	RGB 218 221 232	#DADDE8
100.0%	100.0% #E5E7EF	RGB 229 231 239	#E5E7EF

#A6ABC8 #B0B5CE #BBBFD5 #C5C9DB #D0D3E2 #DADDE8 #E5E7EF

#A6ABC8 - #E5E7EF

Mezcla HSV

#A6ABC8 - #E5E7EF | 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 #A6ABC8 como 0% y #E5E7EF como 100%.

0.0%	0.0% #A6ABC8	RGB 166 171 200	#A6ABC8
16.7%	16.7% #AFB4CE	RGB 175 180 206	#AFB4CE
33.3%	33.3% #B9BED5	RGB 185 190 213	#B9BED5
50.0%	50.0% #C4C8DB	RGB 196 200 219	#C4C8DB
66.7%	66.7% #CED2E2	RGB 206 210 226	#CED2E2
83.3%	83.3% #D9DCE8	RGB 217 220 232	#D9DCE8
100.0%	100.0% #E5E7EF	RGB 229 231 239	#E5E7EF

#A6ABC8 #AFB4CE #B9BED5 #C4C8DB #CED2E2 #D9DCE8 #E5E7EF

#A6ABC8 - #C4C8DB - #E5E7EF

Códigos CSS

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

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