#B1A6A6 - #E8E5E5 | 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 #B1A6A6 a #E8E5E5

#B1A6A6 #E8E5E5

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

#B1A6A6 - #E8E5E5 | 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 #B1A6A6 como 0% y #E8E5E5 como 100%.

0.0%	0.0% #B1A6A6	RGB 177 166 166	#B1A6A6
16.7%	16.7% #BAB0B0	RGB 186 176 176	#BAB0B0
33.3%	33.3% #C3BBBB	RGB 195 187 187	#C3BBBB
50.0%	50.0% #CCC5C5	RGB 204 197 197	#CCC5C5
66.7%	66.7% #D5D0D0	RGB 213 208 208	#D5D0D0
83.3%	83.3% #DEDADA	RGB 222 218 218	#DEDADA
100.0%	100.0% #E8E5E5	RGB 232 229 229	#E8E5E5

#B1A6A6 #BAB0B0 #C3BBBB #CCC5C5 #D5D0D0 #DEDADA #E8E5E5

#B1A6A6 - #E8E5E5

Mezcla HSV

#B1A6A6 - #E8E5E5 | 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 #B1A6A6 como 0% y #E8E5E5 como 100%.

0.0%	0.0% #B1A6A6	RGB 177 166 166	#B1A6A6
16.7%	16.7% #BAB0B0	RGB 186 176 176	#BAB0B0
33.3%	33.3% #C3BABA	RGB 195 186 186	#C3BABA
50.0%	50.0% #CCC4C4	RGB 204 196 196	#CCC4C4
66.7%	66.7% #D5CFCF	RGB 213 207 207	#D5CFCF
83.3%	83.3% #DEDADA	RGB 222 218 218	#DEDADA
100.0%	100.0% #E8E5E5	RGB 232 229 229	#E8E5E5

#B1A6A6 #BAB0B0 #C3BABA #CCC4C4 #D5CFCF #DEDADA #E8E5E5

#B1A6A6 - #CCC4C4 - #E8E5E5

Códigos CSS

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

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