#040409 - #B7B7B8 | 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 #040409 a #B7B7B8

#040409 #B7B7B8

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

#040409 - #B7B7B8 | 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 #040409 como 0% y #B7B7B8 como 100%.

0.0%	0.0% #040409	RGB 4 4 9	#040409
16.7%	16.7% #212126	RGB 33 33 38	#212126
33.3%	33.3% #3F3F43	RGB 63 63 67	#3F3F43
50.0%	50.0% #5D5D60	RGB 93 93 96	#5D5D60
66.7%	66.7% #7B7B7D	RGB 123 123 125	#7B7B7D
83.3%	83.3% #99999A	RGB 153 153 154	#99999A
100.0%	100.0% #B7B7B8	RGB 183 183 184	#B7B7B8

#040409 #212126 #3F3F43 #5D5D60 #7B7B7D #99999A #B7B7B8

#040409 - #B7B7B8

Mezcla HSV

#040409 - #B7B7B8 | 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 #040409 como 0% y #B7B7B8 como 100%.

0.0%	0.0% #040409	RGB 4 4 9	#040409
16.7%	16.7% #141426	RGB 20 20 38	#141426
33.3%	33.3% #2A2A43	RGB 42 42 67	#2A2A43
50.0%	50.0% #454560	RGB 69 69 96	#454560
66.7%	66.7% #65657D	RGB 101 101 125	#65657D
83.3%	83.3% #8B8B9A	RGB 139 139 154	#8B8B9A
100.0%	100.0% #B7B7B8	RGB 183 183 184	#B7B7B8

#040409 #141426 #2A2A43 #454560 #65657D #8B8B9A #B7B7B8

#040409 - #454560 - #B7B7B8

Códigos CSS

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

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