#A8A8B1 - #5E586B | 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 #A8A8B1 a #5E586B

#A8A8B1 #5E586B

Calcule el color entre dos colores, #A8A8B1 y #5E586B. 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)

#A8A8B1 - #5E586B | 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 #A8A8B1 como 0% y #5E586B como 100%.

0.0%	0.0% #A8A8B1	RGB 168 168 177	#A8A8B1
16.7%	16.7% #9B9AA5	RGB 155 154 165	#9B9AA5
33.3%	33.3% #8F8D99	RGB 143 141 153	#8F8D99
50.0%	50.0% #83808E	RGB 131 128 142	#83808E
66.7%	66.7% #767282	RGB 118 114 130	#767282
83.3%	83.3% #6A6576	RGB 106 101 118	#6A6576
100.0%	100.0% #5E586B	RGB 94 88 107	#5E586B

#A8A8B1 #9B9AA5 #8F8D99 #83808E #767282 #6A6576 #5E586B

#A8A8B1 - #5E586B

Mezcla HSV

#A8A8B1 - #5E586B | 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 #A8A8B1 como 0% y #5E586B como 100%.

0.0%	0.0% #A8A8B1	RGB 168 168 177	#A8A8B1
16.7%	16.7% #9A99A5	RGB 154 153 165	#9A99A5
33.3%	33.3% #8C8B99	RGB 140 139 153	#8C8B99
50.0%	50.0% #807D8E	RGB 128 125 142	#807D8E
66.7%	66.7% #747082	RGB 116 112 130	#747082
83.3%	83.3% #686476	RGB 104 100 118	#686476
100.0%	100.0% #5E586B	RGB 94 88 107	#5E586B

#A8A8B1 #9A99A5 #8C8B99 #807D8E #747082 #686476 #5E586B

#A8A8B1 - #807D8E - #5E586B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8B1 0%, #807D8E 50%, #5E586B 100%);
    background: -webkit-linear-gradient(top, #A8A8B1 0%, #807D8E 50%, #5E586B 100%);
    background: linear-gradient(to bottom, #A8A8B1 0%, #807D8E 50%, #5E586B 100%);
}
</style>