#AFB5B6 - #5A8C8C | 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 #AFB5B6 a #5A8C8C

#AFB5B6 #5A8C8C

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

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

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #A0AEAF	RGB 160 174 175	#A0AEAF
33.3%	33.3% #92A7A8	RGB 146 167 168	#92A7A8
50.0%	50.0% #84A0A1	RGB 132 160 161	#84A0A1
66.7%	66.7% #76999A	RGB 118 153 154	#76999A
83.3%	83.3% #689293	RGB 104 146 147	#689293
100.0%	100.0% #5A8C8C	RGB 90 140 140	#5A8C8C

#AFB5B6 #A0AEAF #92A7A8 #84A0A1 #76999A #689293 #5A8C8C

#AFB5B6 - #5A8C8C

Mezcla HSV

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

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #9EADAF	RGB 158 173 175	#9EADAF
33.3%	33.3% #8FA5A8	RGB 143 165 168	#8FA5A8
50.0%	50.0% #819EA1	RGB 129 158 161	#819EA1
66.7%	66.7% #73989A	RGB 115 152 154	#73989A
83.3%	83.3% #669193	RGB 102 145 147	#669193
100.0%	100.0% #5A8C8C	RGB 90 140 140	#5A8C8C

#AFB5B6 #9EADAF #8FA5A8 #819EA1 #73989A #669193 #5A8C8C

#AFB5B6 - #819EA1 - #5A8C8C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB5B6 0%, #819EA1 50%, #5A8C8C 100%);
    background: -webkit-linear-gradient(top, #AFB5B6 0%, #819EA1 50%, #5A8C8C 100%);
    background: linear-gradient(to bottom, #AFB5B6 0%, #819EA1 50%, #5A8C8C 100%);
}
</style>