#B8860B - #7E470A | 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 #B8860B a #7E470A

#B8860B #7E470A

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

#B8860B - #7E470A | 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 #B8860B como 0% y #7E470A como 100%.

0.0%	0.0% #B8860B	RGB 184 134 11	#B8860B
16.7%	16.7% #AE7B0A	RGB 174 123 10	#AE7B0A
33.3%	33.3% #A4710A	RGB 164 113 10	#A4710A
50.0%	50.0% #9B660A	RGB 155 102 10	#9B660A
66.7%	66.7% #915C0A	RGB 145 92 10	#915C0A
83.3%	83.3% #87510A	RGB 135 81 10	#87510A
100.0%	100.0% #7E470A	RGB 126 71 10	#7E470A

#B8860B #AE7B0A #A4710A #9B660A #915C0A #87510A #7E470A

#B8860B - #7E470A

Mezcla HSV

#B8860B - #7E470A | 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 #B8860B como 0% y #7E470A como 100%.

0.0%	0.0% #B8860B	RGB 184 134 11	#B8860B
16.7%	16.7% #AE7A0A	RGB 174 122 10	#AE7A0A
33.3%	33.3% #A46E0A	RGB 164 110 10	#A46E0A
50.0%	50.0% #9B630A	RGB 155 99 10	#9B630A
66.7%	66.7% #91590A	RGB 145 89 10	#91590A
83.3%	83.3% #87500A	RGB 135 80 10	#87500A
100.0%	100.0% #7E470A	RGB 126 71 10	#7E470A

#B8860B #AE7A0A #A46E0A #9B630A #91590A #87500A #7E470A

#B8860B - #9B630A - #7E470A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8860B 0%, #9B630A 50%, #7E470A 100%);
    background: -webkit-linear-gradient(top, #B8860B 0%, #9B630A 50%, #7E470A 100%);
    background: linear-gradient(to bottom, #B8860B 0%, #9B630A 50%, #7E470A 100%);
}
</style>