#B9BAB1 - #78805B | 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 #B9BAB1 a #78805B

#B9BAB1 #78805B

Calcule el color entre dos colores, #B9BAB1 y #78805B. 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)

#B9BAB1 - #78805B | 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 #B9BAB1 como 0% y #78805B como 100%.

0.0%	0.0% #B9BAB1	RGB 185 186 177	#B9BAB1
16.7%	16.7% #AEB0A2	RGB 174 176 162	#AEB0A2
33.3%	33.3% #A3A694	RGB 163 166 148	#A3A694
50.0%	50.0% #989D86	RGB 152 157 134	#989D86
66.7%	66.7% #8D9377	RGB 141 147 119	#8D9377
83.3%	83.3% #828969	RGB 130 137 105	#828969
100.0%	100.0% #78805B	RGB 120 128 91	#78805B

#B9BAB1 #AEB0A2 #A3A694 #989D86 #8D9377 #828969 #78805B

#B9BAB1 - #78805B

Mezcla HSV

#B9BAB1 - #78805B | 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 #B9BAB1 como 0% y #78805B como 100%.

0.0%	0.0% #B9BAB1	RGB 185 186 177	#B9BAB1
16.7%	16.7% #AEB0A0	RGB 174 176 160	#AEB0A0
33.3%	33.3% #A3A691	RGB 163 166 145	#A3A691
50.0%	50.0% #989D82	RGB 152 157 130	#989D82
66.7%	66.7% #8D9374	RGB 141 147 116	#8D9374
83.3%	83.3% #828967	RGB 130 137 103	#828967
100.0%	100.0% #78805B	RGB 120 128 91	#78805B

#B9BAB1 #AEB0A0 #A3A691 #989D82 #8D9374 #828967 #78805B

#B9BAB1 - #989D82 - #78805B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9BAB1 0%, #989D82 50%, #78805B 100%);
    background: -webkit-linear-gradient(top, #B9BAB1 0%, #989D82 50%, #78805B 100%);
    background: linear-gradient(to bottom, #B9BAB1 0%, #989D82 50%, #78805B 100%);
}
</style>