#B1B6AF - #E7E3BD | 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 #B1B6AF a #E7E3BD

#B1B6AF #E7E3BD

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

#B1B6AF - #E7E3BD | 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 #B1B6AF como 0% y #E7E3BD como 100%.

0.0%	0.0% #B1B6AF	RGB 177 182 175	#B1B6AF
16.7%	16.7% #BABDB1	RGB 186 189 177	#BABDB1
33.3%	33.3% #C3C5B3	RGB 195 197 179	#C3C5B3
50.0%	50.0% #CCCCB6	RGB 204 204 182	#CCCCB6
66.7%	66.7% #D5D4B8	RGB 213 212 184	#D5D4B8
83.3%	83.3% #DEDBBA	RGB 222 219 186	#DEDBBA
100.0%	100.0% #E7E3BD	RGB 231 227 189	#E7E3BD

#B1B6AF #BABDB1 #C3C5B3 #CCCCB6 #D5D4B8 #DEDBBA #E7E3BD

#B1B6AF - #E7E3BD

Mezcla HSV

#B1B6AF - #E7E3BD | 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 #B1B6AF como 0% y #E7E3BD como 100%.

0.0%	0.0% #B1B6AF	RGB 177 182 175	#B1B6AF
16.7%	16.7% #B7BEB2	RGB 183 190 178	#B7BEB2
33.3%	33.3% #BEC6B5	RGB 190 198 181	#BEC6B5
50.0%	50.0% #C7CEB7	RGB 199 206 183	#C7CEB7
66.7%	66.7% #D1D6B9	RGB 209 214 185	#D1D6B9
83.3%	83.3% #DDDEBB	RGB 221 222 187	#DDDEBB
100.0%	100.0% #E7E3BD	RGB 231 227 189	#E7E3BD

#B1B6AF #B7BEB2 #BEC6B5 #C7CEB7 #D1D6B9 #DDDEBB #E7E3BD

#B1B6AF - #C7CEB7 - #E7E3BD

Códigos CSS

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

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