#A1A8B4 - #4B5A6E | 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 #A1A8B4 a #4B5A6E

#A1A8B4 #4B5A6E

Calcule el color entre dos colores, #A1A8B4 y #4B5A6E. 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)

#A1A8B4 - #4B5A6E | 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 #A1A8B4 como 0% y #4B5A6E como 100%.

0.0%	0.0% #A1A8B4	RGB 161 168 180	#A1A8B4
16.7%	16.7% #929BA8	RGB 146 155 168	#929BA8
33.3%	33.3% #848E9C	RGB 132 142 156	#848E9C
50.0%	50.0% #768191	RGB 118 129 145	#768191
66.7%	66.7% #677485	RGB 103 116 133	#677485
83.3%	83.3% #596779	RGB 89 103 121	#596779
100.0%	100.0% #4B5A6E	RGB 75 90 110	#4B5A6E

#A1A8B4 #929BA8 #848E9C #768191 #677485 #596779 #4B5A6E

#A1A8B4 - #4B5A6E

Mezcla HSV

#A1A8B4 - #4B5A6E | 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 #A1A8B4 como 0% y #4B5A6E como 100%.

0.0%	0.0% #A1A8B4	RGB 161 168 180	#A1A8B4
16.7%	16.7% #9099A8	RGB 144 153 168	#9099A8
33.3%	33.3% #818B9C	RGB 129 139 156	#818B9C
50.0%	50.0% #727E91	RGB 114 126 145	#727E91
66.7%	66.7% #647185	RGB 100 113 133	#647185
83.3%	83.3% #576579	RGB 87 101 121	#576579
100.0%	100.0% #4B5A6E	RGB 75 90 110	#4B5A6E

#A1A8B4 #9099A8 #818B9C #727E91 #647185 #576579 #4B5A6E

#A1A8B4 - #727E91 - #4B5A6E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1A8B4 0%, #727E91 50%, #4B5A6E 100%);
    background: -webkit-linear-gradient(top, #A1A8B4 0%, #727E91 50%, #4B5A6E 100%);
    background: linear-gradient(to bottom, #A1A8B4 0%, #727E91 50%, #4B5A6E 100%);
}
</style>