#B7B4A9 - #8F7754 | 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 #B7B4A9 a #8F7754

#B7B4A9 #8F7754

Calcule el color entre dos colores, #B7B4A9 y #8F7754. 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)

#B7B4A9 - #8F7754 | 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 #B7B4A9 como 0% y #8F7754 como 100%.

0.0%	0.0% #B7B4A9	RGB 183 180 169	#B7B4A9
16.7%	16.7% #B0A99A	RGB 176 169 154	#B0A99A
33.3%	33.3% #A99F8C	RGB 169 159 140	#A99F8C
50.0%	50.0% #A3957E	RGB 163 149 126	#A3957E
66.7%	66.7% #9C8B70	RGB 156 139 112	#9C8B70
83.3%	83.3% #958162	RGB 149 129 98	#958162
100.0%	100.0% #8F7754	RGB 143 119 84	#8F7754

#B7B4A9 #B0A99A #A99F8C #A3957E #9C8B70 #958162 #8F7754

#B7B4A9 - #8F7754

Mezcla HSV

#B7B4A9 - #8F7754 | 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 #B7B4A9 como 0% y #8F7754 como 100%.

0.0%	0.0% #B7B4A9	RGB 183 180 169	#B7B4A9
16.7%	16.7% #B0AA98	RGB 176 170 152	#B0AA98
33.3%	33.3% #A9A089	RGB 169 160 137	#A9A089
50.0%	50.0% #A3967B	RGB 163 150 123	#A3967B
66.7%	66.7% #9C8C6D	RGB 156 140 109	#9C8C6D
83.3%	83.3% #958160	RGB 149 129 96	#958160
100.0%	100.0% #8F7754	RGB 143 119 84	#8F7754

#B7B4A9 #B0AA98 #A9A089 #A3967B #9C8C6D #958160 #8F7754

#B7B4A9 - #A3967B - #8F7754

Códigos CSS

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

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