#8A8C92 - #374549 | 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 #8A8C92 a #374549

#8A8C92 #374549

Calcule el color entre dos colores, #8A8C92 y #374549. 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)

#8A8C92 - #374549 | 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 #8A8C92 como 0% y #374549 como 100%.

0.0%	0.0% #8A8C92	RGB 138 140 146	#8A8C92
16.7%	16.7% #7C8085	RGB 124 128 133	#7C8085
33.3%	33.3% #6E7479	RGB 110 116 121	#6E7479
50.0%	50.0% #60686D	RGB 96 104 109	#60686D
66.7%	66.7% #525C61	RGB 82 92 97	#525C61
83.3%	83.3% #445055	RGB 68 80 85	#445055
100.0%	100.0% #374549	RGB 55 69 73	#374549

#8A8C92 #7C8085 #6E7479 #60686D #525C61 #445055 #374549

#8A8C92 - #374549

Mezcla HSV

#8A8C92 - #374549 | 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 #8A8C92 como 0% y #374549 como 100%.

0.0%	0.0% #8A8C92	RGB 138 140 146	#8A8C92
16.7%	16.7% #7A7E85	RGB 122 126 133	#7A7E85
33.3%	33.3% #6B7179	RGB 107 113 121	#6B7179
50.0%	50.0% #5D656D	RGB 93 101 109	#5D656D
66.7%	66.7% #4F5A61	RGB 79 90 97	#4F5A61
83.3%	83.3% #424F55	RGB 66 79 85	#424F55
100.0%	100.0% #374549	RGB 55 69 73	#374549

#8A8C92 #7A7E85 #6B7179 #5D656D #4F5A61 #424F55 #374549

#8A8C92 - #5D656D - #374549

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8C92 0%, #5D656D 50%, #374549 100%);
    background: -webkit-linear-gradient(top, #8A8C92 0%, #5D656D 50%, #374549 100%);
    background: linear-gradient(to bottom, #8A8C92 0%, #5D656D 50%, #374549 100%);
}
</style>