#9FACAF - #496B76 | 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 #9FACAF a #496B76

#9FACAF #496B76

Calcule el color entre dos colores, #9FACAF y #496B76. 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)

#9FACAF - #496B76 | 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 #9FACAF como 0% y #496B76 como 100%.

0.0%	0.0% #9FACAF	RGB 159 172 175	#9FACAF
16.7%	16.7% #90A1A5	RGB 144 161 165	#90A1A5
33.3%	33.3% #82969C	RGB 130 150 156	#82969C
50.0%	50.0% #748B92	RGB 116 139 146	#748B92
66.7%	66.7% #658089	RGB 101 128 137	#658089
83.3%	83.3% #57757F	RGB 87 117 127	#57757F
100.0%	100.0% #496B76	RGB 73 107 118	#496B76

#9FACAF #90A1A5 #82969C #748B92 #658089 #57757F #496B76

#9FACAF - #496B76

Mezcla HSV

#9FACAF - #496B76 | 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 #9FACAF como 0% y #496B76 como 100%.

0.0%	0.0% #9FACAF	RGB 159 172 175	#9FACAF
16.7%	16.7% #8EA0A5	RGB 142 160 165	#8EA0A5
33.3%	33.3% #7E959C	RGB 126 149 156	#7E959C
50.0%	50.0% #6F8B92	RGB 111 139 146	#6F8B92
66.7%	66.7% #618089	RGB 97 128 137	#618089
83.3%	83.3% #55757F	RGB 85 117 127	#55757F
100.0%	100.0% #496B76	RGB 73 107 118	#496B76

#9FACAF #8EA0A5 #7E959C #6F8B92 #618089 #55757F #496B76

#9FACAF - #6F8B92 - #496B76

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FACAF 0%, #6F8B92 50%, #496B76 100%);
    background: -webkit-linear-gradient(top, #9FACAF 0%, #6F8B92 50%, #496B76 100%);
    background: linear-gradient(to bottom, #9FACAF 0%, #6F8B92 50%, #496B76 100%);
}
</style>