#5E3E4E - #88877E | 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 #5E3E4E a #88877E

#5E3E4E #88877E

Calcule el color entre dos colores, #5E3E4E y #88877E. 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)

#5E3E4E - #88877E | 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 #5E3E4E como 0% y #88877E como 100%.

0.0%	0.0% #5E3E4E	RGB 94 62 78	#5E3E4E
16.7%	16.7% #654A56	RGB 101 74 86	#654A56
33.3%	33.3% #6C565E	RGB 108 86 94	#6C565E
50.0%	50.0% #736266	RGB 115 98 102	#736266
66.7%	66.7% #7A6E6E	RGB 122 110 110	#7A6E6E
83.3%	83.3% #817A76	RGB 129 122 118	#817A76
100.0%	100.0% #88877E	RGB 136 135 126	#88877E

#5E3E4E #654A56 #6C565E #736266 #7A6E6E #817A76 #88877E

#5E3E4E - #88877E

Mezcla HSV

#5E3E4E - #88877E | 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 #5E3E4E como 0% y #88877E como 100%.

0.0%	0.0% #5E3E4E	RGB 94 62 78	#5E3E4E
16.7%	16.7% #65474F	RGB 101 71 79	#65474F
33.3%	33.3% #6C5051	RGB 108 80 81	#6C5051
50.0%	50.0% #735F5B	RGB 115 95 91	#735F5B
66.7%	66.7% #7A6E66	RGB 122 110 102	#7A6E66
83.3%	83.3% #817B71	RGB 129 123 113	#817B71
100.0%	100.0% #88877E	RGB 136 135 126	#88877E

#5E3E4E #65474F #6C5051 #735F5B #7A6E66 #817B71 #88877E

#5E3E4E - #735F5B - #88877E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E4E 0%, #735F5B 50%, #88877E 100%);
    background: -webkit-linear-gradient(top, #5E3E4E 0%, #735F5B 50%, #88877E 100%);
    background: linear-gradient(to bottom, #5E3E4E 0%, #735F5B 50%, #88877E 100%);
}
</style>