#B7B0A2 - #34322E | 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 #B7B0A2 a #34322E

#B7B0A2 #34322E

Calcule el color entre dos colores, #B7B0A2 y #34322E. 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)

#B7B0A2 - #34322E | 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 #B7B0A2 como 0% y #34322E como 100%.

0.0%	0.0% #B7B0A2	RGB 183 176 162	#B7B0A2
16.7%	16.7% #A19B8E	RGB 161 155 142	#A19B8E
33.3%	33.3% #8B867B	RGB 139 134 123	#8B867B
50.0%	50.0% #757168	RGB 117 113 104	#757168
66.7%	66.7% #5F5C54	RGB 95 92 84	#5F5C54
83.3%	83.3% #494741	RGB 73 71 65	#494741
100.0%	100.0% #34322E	RGB 52 50 46	#34322E

#B7B0A2 #A19B8E #8B867B #757168 #5F5C54 #494741 #34322E

#B7B0A2 - #34322E

Mezcla HSV

#B7B0A2 - #34322E | 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 #B7B0A2 como 0% y #34322E como 100%.

0.0%	0.0% #B7B0A2	RGB 183 176 162	#B7B0A2
16.7%	16.7% #A19A8E	RGB 161 154 142	#A19A8E
33.3%	33.3% #8B857B	RGB 139 133 123	#8B857B
50.0%	50.0% #757067	RGB 117 112 103	#757067
66.7%	66.7% #5F5B54	RGB 95 91 84	#5F5B54
83.3%	83.3% #494641	RGB 73 70 65	#494641
100.0%	100.0% #34322E	RGB 52 50 46	#34322E

#B7B0A2 #A19A8E #8B857B #757067 #5F5B54 #494641 #34322E

#B7B0A2 - #757067 - #34322E

Códigos CSS

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

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