#B3B7B5 - #54767B | 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 #B3B7B5 a #54767B

#B3B7B5 #54767B

Calcule el color entre dos colores, #B3B7B5 y #54767B. 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)

#B3B7B5 - #54767B | 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 #B3B7B5 como 0% y #54767B como 100%.

0.0%	0.0% #B3B7B5	RGB 179 183 181	#B3B7B5
16.7%	16.7% #A3ACAB	RGB 163 172 171	#A3ACAB
33.3%	33.3% #93A1A1	RGB 147 161 161	#93A1A1
50.0%	50.0% #839698	RGB 131 150 152	#839698
66.7%	66.7% #738B8E	RGB 115 139 142	#738B8E
83.3%	83.3% #638084	RGB 99 128 132	#638084
100.0%	100.0% #54767B	RGB 84 118 123	#54767B

#B3B7B5 #A3ACAB #93A1A1 #839698 #738B8E #638084 #54767B

#B3B7B5 - #54767B

Mezcla HSV

#B3B7B5 - #54767B | 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 #B3B7B5 como 0% y #54767B como 100%.

0.0%	0.0% #B3B7B5	RGB 179 183 181	#B3B7B5
16.7%	16.7% #A0ADA8	RGB 160 173 168	#A0ADA8
33.3%	33.3% #8FA39D	RGB 143 163 157	#8FA39D
50.0%	50.0% #7F9994	RGB 127 153 148	#7F9994
66.7%	66.7% #6F8F8C	RGB 111 143 140	#6F8F8C
83.3%	83.3% #618485	RGB 97 132 133	#618485
100.0%	100.0% #54767B	RGB 84 118 123	#54767B

#B3B7B5 #A0ADA8 #8FA39D #7F9994 #6F8F8C #618485 #54767B

#B3B7B5 - #7F9994 - #54767B

Códigos CSS

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

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