#A6A8C9 - #E5E6EF | 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 #A6A8C9 a #E5E6EF

#A6A8C9 #E5E6EF

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

#A6A8C9 - #E5E6EF | 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 #A6A8C9 como 0% y #E5E6EF como 100%.

0.0%	0.0% #A6A8C9	RGB 166 168 201	#A6A8C9
16.7%	16.7% #B0B2CF	RGB 176 178 207	#B0B2CF
33.3%	33.3% #BBBCD5	RGB 187 188 213	#BBBCD5
50.0%	50.0% #C5C7DC	RGB 197 199 220	#C5C7DC
66.7%	66.7% #D0D1E2	RGB 208 209 226	#D0D1E2
83.3%	83.3% #DADBE8	RGB 218 219 232	#DADBE8
100.0%	100.0% #E5E6EF	RGB 229 230 239	#E5E6EF

#A6A8C9 #B0B2CF #BBBCD5 #C5C7DC #D0D1E2 #DADBE8 #E5E6EF

#A6A8C9 - #E5E6EF

Mezcla HSV

#A6A8C9 - #E5E6EF | 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 #A6A8C9 como 0% y #E5E6EF como 100%.

0.0%	0.0% #A6A8C9	RGB 166 168 201	#A6A8C9
16.7%	16.7% #AFB1CF	RGB 175 177 207	#AFB1CF
33.3%	33.3% #B9BBD5	RGB 185 187 213	#B9BBD5
50.0%	50.0% #C4C6DC	RGB 196 198 220	#C4C6DC
66.7%	66.7% #CED0E2	RGB 206 208 226	#CED0E2
83.3%	83.3% #D9DBE8	RGB 217 219 232	#D9DBE8
100.0%	100.0% #E5E6EF	RGB 229 230 239	#E5E6EF

#A6A8C9 #AFB1CF #B9BBD5 #C4C6DC #CED0E2 #D9DBE8 #E5E6EF

#A6A8C9 - #C4C6DC - #E5E6EF

Códigos CSS

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

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