#88897A - #262722 | 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 #88897A a #262722

#88897A #262722

Calcule el color entre dos colores, #88897A y #262722. 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)

#88897A - #262722 | 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 #88897A como 0% y #262722 como 100%.

0.0%	0.0% #88897A	RGB 136 137 122	#88897A
16.7%	16.7% #77786B	RGB 119 120 107	#77786B
33.3%	33.3% #67685C	RGB 103 104 92	#67685C
50.0%	50.0% #57584E	RGB 87 88 78	#57584E
66.7%	66.7% #46473F	RGB 70 71 63	#46473F
83.3%	83.3% #363730	RGB 54 55 48	#363730
100.0%	100.0% #262722	RGB 38 39 34	#262722

#88897A #77786B #67685C #57584E #46473F #363730 #262722

#88897A - #262722

Mezcla HSV

#88897A - #262722 | 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 #88897A como 0% y #262722 como 100%.

0.0%	0.0% #88897A	RGB 136 137 122	#88897A
16.7%	16.7% #77786B	RGB 119 120 107	#77786B
33.3%	33.3% #66685C	RGB 102 104 92	#66685C
50.0%	50.0% #56584D	RGB 86 88 77	#56584D
66.7%	66.7% #46473E	RGB 70 71 62	#46473E
83.3%	83.3% #363730	RGB 54 55 48	#363730
100.0%	100.0% #262722	RGB 38 39 34	#262722

#88897A #77786B #66685C #56584D #46473E #363730 #262722

#88897A - #56584D - #262722

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #88897A 0%, #56584D 50%, #262722 100%);
    background: -webkit-linear-gradient(top, #88897A 0%, #56584D 50%, #262722 100%);
    background: linear-gradient(to bottom, #88897A 0%, #56584D 50%, #262722 100%);
}
</style>