#B7B8BC - #343435 | 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 #B7B8BC a #343435

#B7B8BC #343435

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

#B7B8BC - #343435 | 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 #B7B8BC como 0% y #343435 como 100%.

0.0%	0.0% #B7B8BC	RGB 183 184 188	#B7B8BC
16.7%	16.7% #A1A2A5	RGB 161 162 165	#A1A2A5
33.3%	33.3% #8B8C8F	RGB 139 140 143	#8B8C8F
50.0%	50.0% #757678	RGB 117 118 120	#757678
66.7%	66.7% #5F6062	RGB 95 96 98	#5F6062
83.3%	83.3% #494A4B	RGB 73 74 75	#494A4B
100.0%	100.0% #343435	RGB 52 52 53	#343435

#B7B8BC #A1A2A5 #8B8C8F #757678 #5F6062 #494A4B #343435

#B7B8BC - #343435

Mezcla HSV

#B7B8BC - #343435 | 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 #B7B8BC como 0% y #343435 como 100%.

0.0%	0.0% #B7B8BC	RGB 183 184 188	#B7B8BC
16.7%	16.7% #A1A2A5	RGB 161 162 165	#A1A2A5
33.3%	33.3% #8B8C8F	RGB 139 140 143	#8B8C8F
50.0%	50.0% #757678	RGB 117 118 120	#757678
66.7%	66.7% #5F6062	RGB 95 96 98	#5F6062
83.3%	83.3% #494A4B	RGB 73 74 75	#494A4B
100.0%	100.0% #343435	RGB 52 52 53	#343435

#B7B8BC #A1A2A5 #8B8C8F #757678 #5F6062 #494A4B #343435

#B7B8BC - #757678 - #343435

Códigos CSS

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

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