#AFB5B6 - #636171 | 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 #636171

#AFB5B6 #636171

Calcule el color entre dos colores, #AFB5B6 y #636171. 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 - #636171 | 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 #636171 como 100%.

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #A2A7AA	RGB 162 167 170	#A2A7AA
33.3%	33.3% #95999F	RGB 149 153 159	#95999F
50.0%	50.0% #898B93	RGB 137 139 147	#898B93
66.7%	66.7% #7C7D88	RGB 124 125 136	#7C7D88
83.3%	83.3% #6F6F7C	RGB 111 111 124	#6F6F7C
100.0%	100.0% #636171	RGB 99 97 113	#636171

#AFB5B6 #A2A7AA #95999F #898B93 #7C7D88 #6F6F7C #636171

#AFB5B6 - #636171

Mezcla HSV

#AFB5B6 - #636171 | 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 #636171 como 100%.

0.0%	0.0% #AFB5B6	RGB 175 181 182	#AFB5B6
16.7%	16.7% #A1A7AA	RGB 161 167 170	#A1A7AA
33.3%	33.3% #93999F	RGB 147 153 159	#93999F
50.0%	50.0% #868B93	RGB 134 139 147	#868B93
66.7%	66.7% #797C88	RGB 121 124 136	#797C88
83.3%	83.3% #6D6D7C	RGB 109 109 124	#6D6D7C
100.0%	100.0% #636171	RGB 99 97 113	#636171

#AFB5B6 #A1A7AA #93999F #868B93 #797C88 #6D6D7C #636171

#AFB5B6 - #868B93 - #636171

Códigos CSS

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

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