#AFAFB4 - #50676E | 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 #AFAFB4 a #50676E

#AFAFB4 #50676E

Calcule el color entre dos colores, #AFAFB4 y #50676E. 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)

#AFAFB4 - #50676E | 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 #AFAFB4 como 0% y #50676E como 100%.

0.0%	0.0% #AFAFB4	RGB 175 175 180	#AFAFB4
16.7%	16.7% #9FA3A8	RGB 159 163 168	#9FA3A8
33.3%	33.3% #8F979C	RGB 143 151 156	#8F979C
50.0%	50.0% #7F8B91	RGB 127 139 145	#7F8B91
66.7%	66.7% #6F7F85	RGB 111 127 133	#6F7F85
83.3%	83.3% #5F7379	RGB 95 115 121	#5F7379
100.0%	100.0% #50676E	RGB 80 103 110	#50676E

#AFAFB4 #9FA3A8 #8F979C #7F8B91 #6F7F85 #5F7379 #50676E

#AFAFB4 - #50676E

Mezcla HSV

#AFAFB4 - #50676E | 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 #AFAFB4 como 0% y #50676E como 100%.

0.0%	0.0% #AFAFB4	RGB 175 175 180	#AFAFB4
16.7%	16.7% #9C9EA8	RGB 156 158 168	#9C9EA8
33.3%	33.3% #8B8F9C	RGB 139 143 156	#8B8F9C
50.0%	50.0% #7B8391	RGB 123 131 145	#7B8391
66.7%	66.7% #6B7885	RGB 107 120 133	#6B7885
83.3%	83.3% #5D6F79	RGB 93 111 121	#5D6F79
100.0%	100.0% #50676E	RGB 80 103 110	#50676E

#AFAFB4 #9C9EA8 #8B8F9C #7B8391 #6B7885 #5D6F79 #50676E

#AFAFB4 - #7B8391 - #50676E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAFB4 0%, #7B8391 50%, #50676E 100%);
    background: -webkit-linear-gradient(top, #AFAFB4 0%, #7B8391 50%, #50676E 100%);
    background: linear-gradient(to bottom, #AFAFB4 0%, #7B8391 50%, #50676E 100%);
}
</style>