#8B5E5E - #6F2616 | 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 #8B5E5E a #6F2616

#8B5E5E #6F2616

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

#8B5E5E - #6F2616 | 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 #8B5E5E como 0% y #6F2616 como 100%.

0.0%	0.0% #8B5E5E	RGB 139 94 94	#8B5E5E
16.7%	16.7% #865452	RGB 134 84 82	#865452
33.3%	33.3% #814B46	RGB 129 75 70	#814B46
50.0%	50.0% #7D423A	RGB 125 66 58	#7D423A
66.7%	66.7% #78382E	RGB 120 56 46	#78382E
83.3%	83.3% #732F22	RGB 115 47 34	#732F22
100.0%	100.0% #6F2616	RGB 111 38 22	#6F2616

#8B5E5E #865452 #814B46 #7D423A #78382E #732F22 #6F2616

#8B5E5E - #6F2616

Mezcla HSV

#8B5E5E - #6F2616 | 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 #8B5E5E como 0% y #6F2616 como 100%.

0.0%	0.0% #8B5E5E	RGB 139 94 94	#8B5E5E
16.7%	16.7% #865150	RGB 134 81 80	#865150
33.3%	33.3% #814643	RGB 129 70 67	#814643
50.0%	50.0% #7D3C36	RGB 125 60 54	#7D3C36
66.7%	66.7% #78342B	RGB 120 52 43	#78342B
83.3%	83.3% #732C20	RGB 115 44 32	#732C20
100.0%	100.0% #6F2616	RGB 111 38 22	#6F2616

#8B5E5E #865150 #814643 #7D3C36 #78342B #732C20 #6F2616

#8B5E5E - #7D3C36 - #6F2616

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B5E5E 0%, #7D3C36 50%, #6F2616 100%);
    background: -webkit-linear-gradient(top, #8B5E5E 0%, #7D3C36 50%, #6F2616 100%);
    background: linear-gradient(to bottom, #8B5E5E 0%, #7D3C36 50%, #6F2616 100%);
}
</style>