#B7B8BC - #EAEAEB | 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 #EAEAEB

#B7B8BC #EAEAEB

Calcule el color entre dos colores, #B7B8BC y #EAEAEB. 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 - #EAEAEB | 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 #EAEAEB como 100%.

0.0%	0.0% #B7B8BC	RGB 183 184 188	#B7B8BC
16.7%	16.7% #BFC0C3	RGB 191 192 195	#BFC0C3
33.3%	33.3% #C8C8CB	RGB 200 200 203	#C8C8CB
50.0%	50.0% #D0D1D3	RGB 208 209 211	#D0D1D3
66.7%	66.7% #D9D9DB	RGB 217 217 219	#D9D9DB
83.3%	83.3% #E1E1E3	RGB 225 225 227	#E1E1E3
100.0%	100.0% #EAEAEB	RGB 234 234 235	#EAEAEB

#B7B8BC #BFC0C3 #C8C8CB #D0D1D3 #D9D9DB #E1E1E3 #EAEAEB

#B7B8BC - #EAEAEB

Mezcla HSV

#B7B8BC - #EAEAEB | 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 #EAEAEB como 100%.

0.0%	0.0% #B7B8BC	RGB 183 184 188	#B7B8BC
16.7%	16.7% #BFC0C3	RGB 191 192 195	#BFC0C3
33.3%	33.3% #C7C8CB	RGB 199 200 203	#C7C8CB
50.0%	50.0% #D0D0D3	RGB 208 208 211	#D0D0D3
66.7%	66.7% #D8D8DB	RGB 216 216 219	#D8D8DB
83.3%	83.3% #E1E1E3	RGB 225 225 227	#E1E1E3
100.0%	100.0% #EAEAEB	RGB 234 234 235	#EAEAEB

#B7B8BC #BFC0C3 #C7C8CB #D0D0D3 #D8D8DB #E1E1E3 #EAEAEB

#B7B8BC - #D0D0D3 - #EAEAEB

Códigos CSS

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

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