#071717 - #B8BCBC | 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 #071717 a #B8BCBC

#071717 #B8BCBC

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

#071717 - #B8BCBC | 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 #071717 como 0% y #B8BCBC como 100%.

0.0%	0.0% #071717	RGB 7 23 23	#071717
16.7%	16.7% #243232	RGB 36 50 50	#243232
33.3%	33.3% #424E4E	RGB 66 78 78	#424E4E
50.0%	50.0% #5F6969	RGB 95 105 105	#5F6969
66.7%	66.7% #7D8585	RGB 125 133 133	#7D8585
83.3%	83.3% #9AA0A0	RGB 154 160 160	#9AA0A0
100.0%	100.0% #B8BCBC	RGB 184 188 188	#B8BCBC

#071717 #243232 #424E4E #5F6969 #7D8585 #9AA0A0 #B8BCBC

#071717 - #B8BCBC

Mezcla HSV

#071717 - #B8BCBC | 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 #071717 como 0% y #B8BCBC como 100%.

0.0%	0.0% #071717	RGB 7 23 23	#071717
16.7%	16.7% #153232	RGB 21 50 50	#153232
33.3%	33.3% #294E4E	RGB 41 78 78	#294E4E
50.0%	50.0% #436969	RGB 67 105 105	#436969
66.7%	66.7% #648585	RGB 100 133 133	#648585
83.3%	83.3% #8BA0A0	RGB 139 160 160	#8BA0A0
100.0%	100.0% #B8BCBC	RGB 184 188 188	#B8BCBC

#071717 #153232 #294E4E #436969 #648585 #8BA0A0 #B8BCBC

#071717 - #436969 - #B8BCBC

Códigos CSS

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

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