#B7ABA2 - #96674C | 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 #B7ABA2 a #96674C

#B7ABA2 #96674C

Calcule el color entre dos colores, #B7ABA2 y #96674C. 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)

#B7ABA2 - #96674C | 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 #B7ABA2 como 0% y #96674C como 100%.

0.0%	0.0% #B7ABA2	RGB 183 171 162	#B7ABA2
16.7%	16.7% #B19F93	RGB 177 159 147	#B19F93
33.3%	33.3% #AC9485	RGB 172 148 133	#AC9485
50.0%	50.0% #A68977	RGB 166 137 119	#A68977
66.7%	66.7% #A17D68	RGB 161 125 104	#A17D68
83.3%	83.3% #9B725A	RGB 155 114 90	#9B725A
100.0%	100.0% #96674C	RGB 150 103 76	#96674C

#B7ABA2 #B19F93 #AC9485 #A68977 #A17D68 #9B725A #96674C

#B7ABA2 - #96674C

Mezcla HSV

#B7ABA2 - #96674C | 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 #B7ABA2 como 0% y #96674C como 100%.

0.0%	0.0% #B7ABA2	RGB 183 171 162	#B7ABA2
16.7%	16.7% #B19F91	RGB 177 159 145	#B19F91
33.3%	33.3% #AC9382	RGB 172 147 130	#AC9382
50.0%	50.0% #A68773	RGB 166 135 115	#A68773
66.7%	66.7% #A17C65	RGB 161 124 101	#A17C65
83.3%	83.3% #9B7158	RGB 155 113 88	#9B7158
100.0%	100.0% #96674C	RGB 150 103 76	#96674C

#B7ABA2 #B19F91 #AC9382 #A68773 #A17C65 #9B7158 #96674C

#B7ABA2 - #A68773 - #96674C

Códigos CSS

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

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