#AFB0A8 - #323230 | 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 #AFB0A8 a #323230

#AFB0A8 #323230

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

#AFB0A8 - #323230 | 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 #AFB0A8 como 0% y #323230 como 100%.

0.0%	0.0% #AFB0A8	RGB 175 176 168	#AFB0A8
16.7%	16.7% #9A9B94	RGB 154 155 148	#9A9B94
33.3%	33.3% #858680	RGB 133 134 128	#858680
50.0%	50.0% #70716C	RGB 112 113 108	#70716C
66.7%	66.7% #5B5C58	RGB 91 92 88	#5B5C58
83.3%	83.3% #464744	RGB 70 71 68	#464744
100.0%	100.0% #323230	RGB 50 50 48	#323230

#AFB0A8 #9A9B94 #858680 #70716C #5B5C58 #464744 #323230

#AFB0A8 - #323230

Mezcla HSV

#AFB0A8 - #323230 | 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 #AFB0A8 como 0% y #323230 como 100%.

0.0%	0.0% #AFB0A8	RGB 175 176 168	#AFB0A8
16.7%	16.7% #9A9B94	RGB 154 155 148	#9A9B94
33.3%	33.3% #858680	RGB 133 134 128	#858680
50.0%	50.0% #70716C	RGB 112 113 108	#70716C
66.7%	66.7% #5B5C58	RGB 91 92 88	#5B5C58
83.3%	83.3% #464744	RGB 70 71 68	#464744
100.0%	100.0% #323230	RGB 50 50 48	#323230

#AFB0A8 #9A9B94 #858680 #70716C #5B5C58 #464744 #323230

#AFB0A8 - #70716C - #323230

Códigos CSS

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

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