#AFB4B6 - #323233 | 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 #AFB4B6 a #323233

#AFB4B6 #323233

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

#AFB4B6 - #323233 | 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 #AFB4B6 como 0% y #323233 como 100%.

0.0%	0.0% #AFB4B6	RGB 175 180 182	#AFB4B6
16.7%	16.7% #9A9EA0	RGB 154 158 160	#9A9EA0
33.3%	33.3% #85888A	RGB 133 136 138	#85888A
50.0%	50.0% #707374	RGB 112 115 116	#707374
66.7%	66.7% #5B5D5E	RGB 91 93 94	#5B5D5E
83.3%	83.3% #464748	RGB 70 71 72	#464748
100.0%	100.0% #323233	RGB 50 50 51	#323233

#AFB4B6 #9A9EA0 #85888A #707374 #5B5D5E #464748 #323233

#AFB4B6 - #323233

Mezcla HSV

#AFB4B6 - #323233 | 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 #AFB4B6 como 0% y #323233 como 100%.

0.0%	0.0% #AFB4B6	RGB 175 180 182	#AFB4B6
16.7%	16.7% #9A9DA0	RGB 154 157 160	#9A9DA0
33.3%	33.3% #85888A	RGB 133 136 138	#85888A
50.0%	50.0% #717274	RGB 113 114 116	#717274
66.7%	66.7% #5C5C5E	RGB 92 92 94	#5C5C5E
83.3%	83.3% #474748	RGB 71 71 72	#474748
100.0%	100.0% #323233	RGB 50 50 51	#323233

#AFB4B6 #9A9DA0 #85888A #717274 #5C5C5E #474748 #323233

#AFB4B6 - #717274 - #323233

Códigos CSS

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

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