#7D808F - #232328 | 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 #7D808F a #232328

#7D808F #232328

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

#7D808F - #232328 | 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 #7D808F como 0% y #232328 como 100%.

0.0%	0.0% #7D808F	RGB 125 128 143	#7D808F
16.7%	16.7% #6E707D	RGB 110 112 125	#6E707D
33.3%	33.3% #5F616C	RGB 95 97 108	#5F616C
50.0%	50.0% #50515B	RGB 80 81 91	#50515B
66.7%	66.7% #41424A	RGB 65 66 74	#41424A
83.3%	83.3% #323239	RGB 50 50 57	#323239
100.0%	100.0% #232328	RGB 35 35 40	#232328

#7D808F #6E707D #5F616C #50515B #41424A #323239 #232328

#7D808F - #232328

Mezcla HSV

#7D808F - #232328 | 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 #7D808F como 0% y #232328 como 100%.

0.0%	0.0% #7D808F	RGB 125 128 143	#7D808F
16.7%	16.7% #6E707D	RGB 110 112 125	#6E707D
33.3%	33.3% #5F606C	RGB 95 96 108	#5F606C
50.0%	50.0% #50505B	RGB 80 80 91	#50505B
66.7%	66.7% #41414A	RGB 65 65 74	#41414A
83.3%	83.3% #323239	RGB 50 50 57	#323239
100.0%	100.0% #232328	RGB 35 35 40	#232328

#7D808F #6E707D #5F606C #50505B #41414A #323239 #232328

#7D808F - #50505B - #232328

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D808F 0%, #50505B 50%, #232328 100%);
    background: -webkit-linear-gradient(top, #7D808F 0%, #50505B 50%, #232328 100%);
    background: linear-gradient(to bottom, #7D808F 0%, #50505B 50%, #232328 100%);
}
</style>