#B8BAAC - #778156 | 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 #B8BAAC a #778156

#B8BAAC #778156

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

#B8BAAC - #778156 | 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 #B8BAAC como 0% y #778156 como 100%.

0.0%	0.0% #B8BAAC	RGB 184 186 172	#B8BAAC
16.7%	16.7% #ADB09D	RGB 173 176 157	#ADB09D
33.3%	33.3% #A2A78F	RGB 162 167 143	#A2A78F
50.0%	50.0% #979D81	RGB 151 157 129	#979D81
66.7%	66.7% #8C9472	RGB 140 148 114	#8C9472
83.3%	83.3% #818A64	RGB 129 138 100	#818A64
100.0%	100.0% #778156	RGB 119 129 86	#778156

#B8BAAC #ADB09D #A2A78F #979D81 #8C9472 #818A64 #778156

#B8BAAC - #778156

Mezcla HSV

#B8BAAC - #778156 | 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 #B8BAAC como 0% y #778156 como 100%.

0.0%	0.0% #B8BAAC	RGB 184 186 172	#B8BAAC
16.7%	16.7% #ADB09B	RGB 173 176 155	#ADB09B
33.3%	33.3% #A2A78C	RGB 162 167 140	#A2A78C
50.0%	50.0% #979D7D	RGB 151 157 125	#979D7D
66.7%	66.7% #8C946F	RGB 140 148 111	#8C946F
83.3%	83.3% #818A62	RGB 129 138 98	#818A62
100.0%	100.0% #778156	RGB 119 129 86	#778156

#B8BAAC #ADB09B #A2A78C #979D7D #8C946F #818A62 #778156

#B8BAAC - #979D7D - #778156

Códigos CSS

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

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