#BAB7B6 - #EBEAEA | 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 #BAB7B6 a #EBEAEA

#BAB7B6 #EBEAEA

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

#BAB7B6 - #EBEAEA | 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 #BAB7B6 como 0% y #EBEAEA como 100%.

0.0%	0.0% #BAB7B6	RGB 186 183 182	#BAB7B6
16.7%	16.7% #C2BFBE	RGB 194 191 190	#C2BFBE
33.3%	33.3% #CAC8C7	RGB 202 200 199	#CAC8C7
50.0%	50.0% #D2D0D0	RGB 210 208 208	#D2D0D0
66.7%	66.7% #DAD9D8	RGB 218 217 216	#DAD9D8
83.3%	83.3% #E2E1E1	RGB 226 225 225	#E2E1E1
100.0%	100.0% #EBEAEA	RGB 235 234 234	#EBEAEA

#BAB7B6 #C2BFBE #CAC8C7 #D2D0D0 #DAD9D8 #E2E1E1 #EBEAEA

#BAB7B6 - #EBEAEA

Mezcla HSV

#BAB7B6 - #EBEAEA | 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 #BAB7B6 como 0% y #EBEAEA como 100%.

0.0%	0.0% #BAB7B6	RGB 186 183 182	#BAB7B6
16.7%	16.7% #C2BFBE	RGB 194 191 190	#C2BFBE
33.3%	33.3% #CAC7C7	RGB 202 199 199	#CAC7C7
50.0%	50.0% #D2D0CF	RGB 210 208 207	#D2D0CF
66.7%	66.7% #DAD8D8	RGB 218 216 216	#DAD8D8
83.3%	83.3% #E2E1E1	RGB 226 225 225	#E2E1E1
100.0%	100.0% #EBEAEA	RGB 235 234 234	#EBEAEA

#BAB7B6 #C2BFBE #CAC7C7 #D2D0CF #DAD8D8 #E2E1E1 #EBEAEA

#BAB7B6 - #D2D0CF - #EBEAEA

Códigos CSS

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

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