#B1BAB5 - #54797C | 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 #B1BAB5 a #54797C

#B1BAB5 #54797C

Calcule el color entre dos colores, #B1BAB5 y #54797C. 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)

#B1BAB5 - #54797C | 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 #B1BAB5 como 0% y #54797C como 100%.

0.0%	0.0% #B1BAB5	RGB 177 186 181	#B1BAB5
16.7%	16.7% #A1AFAB	RGB 161 175 171	#A1AFAB
33.3%	33.3% #92A4A2	RGB 146 164 162	#92A4A2
50.0%	50.0% #829998	RGB 130 153 152	#829998
66.7%	66.7% #738E8F	RGB 115 142 143	#738E8F
83.3%	83.3% #638385	RGB 99 131 133	#638385
100.0%	100.0% #54797C	RGB 84 121 124	#54797C

#B1BAB5 #A1AFAB #92A4A2 #829998 #738E8F #638385 #54797C

#B1BAB5 - #54797C

Mezcla HSV

#B1BAB5 - #54797C | 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 #B1BAB5 como 0% y #54797C como 100%.

0.0%	0.0% #B1BAB5	RGB 177 186 181	#B1BAB5
16.7%	16.7% #9FAFA8	RGB 159 175 168	#9FAFA8
33.3%	33.3% #8EA59D	RGB 142 165 157	#8EA59D
50.0%	50.0% #7E9B94	RGB 126 155 148	#7E9B94
66.7%	66.7% #6F908C	RGB 111 144 140	#6F908C
83.3%	83.3% #618685	RGB 97 134 133	#618685
100.0%	100.0% #54797C	RGB 84 121 124	#54797C

#B1BAB5 #9FAFA8 #8EA59D #7E9B94 #6F908C #618685 #54797C

#B1BAB5 - #7E9B94 - #54797C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B1BAB5 0%, #7E9B94 50%, #54797C 100%);
    background: -webkit-linear-gradient(top, #B1BAB5 0%, #7E9B94 50%, #54797C 100%);
    background: linear-gradient(to bottom, #B1BAB5 0%, #7E9B94 50%, #54797C 100%);
}
</style>