#B3A88B - #8C6B38 | 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 #B3A88B a #8C6B38

#B3A88B #8C6B38

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

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

0.0%	0.0% #B3A88B	RGB 179 168 139	#B3A88B
16.7%	16.7% #AC9D7D	RGB 172 157 125	#AC9D7D
33.3%	33.3% #A6936F	RGB 166 147 111	#A6936F
50.0%	50.0% #9F8961	RGB 159 137 97	#9F8961
66.7%	66.7% #997F53	RGB 153 127 83	#997F53
83.3%	83.3% #927545	RGB 146 117 69	#927545
100.0%	100.0% #8C6B38	RGB 140 107 56	#8C6B38

#B3A88B #AC9D7D #A6936F #9F8961 #997F53 #927545 #8C6B38

#B3A88B - #8C6B38

Mezcla HSV

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

0.0%	0.0% #B3A88B	RGB 179 168 139	#B3A88B
16.7%	16.7% #AC9D7B	RGB 172 157 123	#AC9D7B
33.3%	33.3% #A6936C	RGB 166 147 108	#A6936C
50.0%	50.0% #9F895D	RGB 159 137 93	#9F895D
66.7%	66.7% #997F50	RGB 153 127 80	#997F50
83.3%	83.3% #927543	RGB 146 117 67	#927543
100.0%	100.0% #8C6B38	RGB 140 107 56	#8C6B38

#B3A88B #AC9D7B #A6936C #9F895D #997F50 #927543 #8C6B38

#B3A88B - #9F895D - #8C6B38

Códigos CSS

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

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