#5E3E2D - #968D91 | 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 #5E3E2D a #968D91

#5E3E2D #968D91

Calcule el color entre dos colores, #5E3E2D y #968D91. 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)

#5E3E2D - #968D91 | 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 #5E3E2D como 0% y #968D91 como 100%.

0.0%	0.0% #5E3E2D	RGB 94 62 45	#5E3E2D
16.7%	16.7% #674B3D	RGB 103 75 61	#674B3D
33.3%	33.3% #70584E	RGB 112 88 78	#70584E
50.0%	50.0% #7A655F	RGB 122 101 95	#7A655F
66.7%	66.7% #83726F	RGB 131 114 111	#83726F
83.3%	83.3% #8C7F80	RGB 140 127 128	#8C7F80
100.0%	100.0% #968D91	RGB 150 141 145	#968D91

#5E3E2D #674B3D #70584E #7A655F #83726F #8C7F80 #968D91

#5E3E2D - #968D91

Mezcla HSV

#5E3E2D - #968D91 | 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 #5E3E2D como 0% y #968D91 como 100%.

0.0%	0.0% #5E3E2D	RGB 94 62 45	#5E3E2D
16.7%	16.7% #674339	RGB 103 67 57	#674339
33.3%	33.3% #704A47	RGB 112 74 71	#704A47
50.0%	50.0% #7A5658	RGB 122 86 88	#7A5658
66.7%	66.7% #83676C	RGB 131 103 108	#83676C
83.3%	83.3% #8C797F	RGB 140 121 127	#8C797F
100.0%	100.0% #968D91	RGB 150 141 145	#968D91

#5E3E2D #674339 #704A47 #7A5658 #83676C #8C797F #968D91

#5E3E2D - #7A5658 - #968D91

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E2D 0%, #7A5658 50%, #968D91 100%);
    background: -webkit-linear-gradient(top, #5E3E2D 0%, #7A5658 50%, #968D91 100%);
    background: linear-gradient(to bottom, #5E3E2D 0%, #7A5658 50%, #968D91 100%);
}
</style>