#5D5E2F - #A77C7E | 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 #5D5E2F a #A77C7E

#5D5E2F #A77C7E

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

#5D5E2F - #A77C7E | 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 #5D5E2F como 0% y #A77C7E como 100%.

0.0%	0.0% #5D5E2F	RGB 93 94 47	#5D5E2F
16.7%	16.7% #69633C	RGB 105 99 60	#69633C
33.3%	33.3% #756849	RGB 117 104 73	#756849
50.0%	50.0% #826D56	RGB 130 109 86	#826D56
66.7%	66.7% #8E7263	RGB 142 114 99	#8E7263
83.3%	83.3% #9A7770	RGB 154 119 112	#9A7770
100.0%	100.0% #A77C7E	RGB 167 124 126	#A77C7E

#5D5E2F #69633C #756849 #826D56 #8E7263 #9A7770 #A77C7E

#5D5E2F - #A77C7E

Mezcla HSV

#5D5E2F - #A77C7E | 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 #5D5E2F como 0% y #A77C7E como 100%.

0.0%	0.0% #5D5E2F	RGB 93 94 47	#5D5E2F
16.7%	16.7% #6A6239	RGB 106 98 57	#6A6239
33.3%	33.3% #766544	RGB 118 101 68	#766544
50.0%	50.0% #826951	RGB 130 105 81	#826951
66.7%	66.7% #8E6D5E	RGB 142 109 94	#8E6D5E
83.3%	83.3% #9A726C	RGB 154 114 108	#9A726C
100.0%	100.0% #A77C7E	RGB 167 124 126	#A77C7E

#5D5E2F #6A6239 #766544 #826951 #8E6D5E #9A726C #A77C7E

#5D5E2F - #826951 - #A77C7E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5E2F 0%, #826951 50%, #A77C7E 100%);
    background: -webkit-linear-gradient(top, #5D5E2F 0%, #826951 50%, #A77C7E 100%);
    background: linear-gradient(to bottom, #5D5E2F 0%, #826951 50%, #A77C7E 100%);
}
</style>