#7E8C8C - #242828 | 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 #7E8C8C a #242828

#7E8C8C #242828

Calcule el color entre dos colores, #7E8C8C y #242828. 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)

#7E8C8C - #242828 | 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 #7E8C8C como 0% y #242828 como 100%.

0.0%	0.0% #7E8C8C	RGB 126 140 140	#7E8C8C
16.7%	16.7% #6F7B7B	RGB 111 123 123	#6F7B7B
33.3%	33.3% #606A6A	RGB 96 106 106	#606A6A
50.0%	50.0% #515A5A	RGB 81 90 90	#515A5A
66.7%	66.7% #424949	RGB 66 73 73	#424949
83.3%	83.3% #333838	RGB 51 56 56	#333838
100.0%	100.0% #242828	RGB 36 40 40	#242828

#7E8C8C #6F7B7B #606A6A #515A5A #424949 #333838 #242828

#7E8C8C - #242828

Mezcla HSV

#7E8C8C - #242828 | 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 #7E8C8C como 0% y #242828 como 100%.

0.0%	0.0% #7E8C8C	RGB 126 140 140	#7E8C8C
16.7%	16.7% #6F7B7B	RGB 111 123 123	#6F7B7B
33.3%	33.3% #606A6A	RGB 96 106 106	#606A6A
50.0%	50.0% #515A5A	RGB 81 90 90	#515A5A
66.7%	66.7% #424949	RGB 66 73 73	#424949
83.3%	83.3% #333838	RGB 51 56 56	#333838
100.0%	100.0% #242828	RGB 36 40 40	#242828

#7E8C8C #6F7B7B #606A6A #515A5A #424949 #333838 #242828

#7E8C8C - #515A5A - #242828

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E8C8C 0%, #515A5A 50%, #242828 100%);
    background: -webkit-linear-gradient(top, #7E8C8C 0%, #515A5A 50%, #242828 100%);
    background: linear-gradient(to bottom, #7E8C8C 0%, #515A5A 50%, #242828 100%);
}
</style>