#87C5A3 - #26382E | 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 #87C5A3 a #26382E

#87C5A3 #26382E

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

#87C5A3 - #26382E | 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 #87C5A3 como 0% y #26382E como 100%.

0.0%	0.0% #87C5A3	RGB 135 197 163	#87C5A3
16.7%	16.7% #76AD8F	RGB 118 173 143	#76AD8F
33.3%	33.3% #66967C	RGB 102 150 124	#66967C
50.0%	50.0% #567E68	RGB 86 126 104	#567E68
66.7%	66.7% #466755	RGB 70 103 85	#466755
83.3%	83.3% #364F41	RGB 54 79 65	#364F41
100.0%	100.0% #26382E	RGB 38 56 46	#26382E

#87C5A3 #76AD8F #66967C #567E68 #466755 #364F41 #26382E

#87C5A3 - #26382E

Mezcla HSV

#87C5A3 - #26382E | 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 #87C5A3 como 0% y #26382E como 100%.

0.0%	0.0% #87C5A3	RGB 135 197 163	#87C5A3
16.7%	16.7% #76AD8F	RGB 118 173 143	#76AD8F
33.3%	33.3% #66967B	RGB 102 150 123	#66967B
50.0%	50.0% #567E68	RGB 86 126 104	#567E68
66.7%	66.7% #466754	RGB 70 103 84	#466754
83.3%	83.3% #364F41	RGB 54 79 65	#364F41
100.0%	100.0% #26382E	RGB 38 56 46	#26382E

#87C5A3 #76AD8F #66967B #567E68 #466754 #364F41 #26382E

#87C5A3 - #567E68 - #26382E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #87C5A3 0%, #567E68 50%, #26382E 100%);
    background: -webkit-linear-gradient(top, #87C5A3 0%, #567E68 50%, #26382E 100%);
    background: linear-gradient(to bottom, #87C5A3 0%, #567E68 50%, #26382E 100%);
}
</style>