#5E3D4D - #87847D | 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 #5E3D4D a #87847D

#5E3D4D #87847D

Calcule el color entre dos colores, #5E3D4D y #87847D. 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)

#5E3D4D - #87847D | 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 #5E3D4D como 0% y #87847D como 100%.

0.0%	0.0% #5E3D4D	RGB 94 61 77	#5E3D4D
16.7%	16.7% #644855	RGB 100 72 85	#644855
33.3%	33.3% #6B545D	RGB 107 84 93	#6B545D
50.0%	50.0% #726065	RGB 114 96 101	#726065
66.7%	66.7% #796C6D	RGB 121 108 109	#796C6D
83.3%	83.3% #807875	RGB 128 120 117	#807875
100.0%	100.0% #87847D	RGB 135 132 125	#87847D

#5E3D4D #644855 #6B545D #726065 #796C6D #807875 #87847D

#5E3D4D - #87847D

Mezcla HSV

#5E3D4D - #87847D | 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 #5E3D4D como 0% y #87847D como 100%.

0.0%	0.0% #5E3D4D	RGB 94 61 77	#5E3D4D
16.7%	16.7% #64464E	RGB 100 70 78	#64464E
33.3%	33.3% #6B4F52	RGB 107 79 82	#6B4F52
50.0%	50.0% #725C5A	RGB 114 92 90	#725C5A
66.7%	66.7% #796B65	RGB 121 107 101	#796B65
83.3%	83.3% #807870	RGB 128 120 112	#807870
100.0%	100.0% #87847D	RGB 135 132 125	#87847D

#5E3D4D #64464E #6B4F52 #725C5A #796B65 #807870 #87847D

#5E3D4D - #725C5A - #87847D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3D4D 0%, #725C5A 50%, #87847D 100%);
    background: -webkit-linear-gradient(top, #5E3D4D 0%, #725C5A 50%, #87847D 100%);
    background: linear-gradient(to bottom, #5E3D4D 0%, #725C5A 50%, #87847D 100%);
}
</style>