#8A8A9A - #314650 | 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 #8A8A9A a #314650

#8A8A9A #314650

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

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

0.0%	0.0% #8A8A9A	RGB 138 138 154	#8A8A9A
16.7%	16.7% #7B7E8D	RGB 123 126 141	#7B7E8D
33.3%	33.3% #6C7381	RGB 108 115 129	#6C7381
50.0%	50.0% #5D6875	RGB 93 104 117	#5D6875
66.7%	66.7% #4E5C68	RGB 78 92 104	#4E5C68
83.3%	83.3% #3F515C	RGB 63 81 92	#3F515C
100.0%	100.0% #314650	RGB 49 70 80	#314650

#8A8A9A #7B7E8D #6C7381 #5D6875 #4E5C68 #3F515C #314650

#8A8A9A - #314650

Mezcla HSV

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

0.0%	0.0% #8A8A9A	RGB 138 138 154	#8A8A9A
16.7%	16.7% #787A8D	RGB 120 122 141	#787A8D
33.3%	33.3% #676D81	RGB 103 109 129	#676D81
50.0%	50.0% #586175	RGB 88 97 117	#586175
66.7%	66.7% #4A5768	RGB 74 87 104	#4A5768
83.3%	83.3% #3C4E5C	RGB 60 78 92	#3C4E5C
100.0%	100.0% #314650	RGB 49 70 80	#314650

#8A8A9A #787A8D #676D81 #586175 #4A5768 #3C4E5C #314650

#8A8A9A - #586175 - #314650

Códigos CSS

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

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