#7D5E4B - #5E2D0E | 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 #7D5E4B a #5E2D0E

#7D5E4B #5E2D0E

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

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

0.0%	0.0% #7D5E4B	RGB 125 94 75	#7D5E4B
16.7%	16.7% #775540	RGB 119 85 64	#775540
33.3%	33.3% #724D36	RGB 114 77 54	#724D36
50.0%	50.0% #6D452C	RGB 109 69 44	#6D452C
66.7%	66.7% #683D22	RGB 104 61 34	#683D22
83.3%	83.3% #633518	RGB 99 53 24	#633518
100.0%	100.0% #5E2D0E	RGB 94 45 14	#5E2D0E

#7D5E4B #775540 #724D36 #6D452C #683D22 #633518 #5E2D0E

#7D5E4B - #5E2D0E

Mezcla HSV

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

0.0%	0.0% #7D5E4B	RGB 125 94 75	#7D5E4B
16.7%	16.7% #77543E	RGB 119 84 62	#77543E
33.3%	33.3% #724B33	RGB 114 75 51	#724B33
50.0%	50.0% #6D4329	RGB 109 67 41	#6D4329
66.7%	66.7% #683B1F	RGB 104 59 31	#683B1F
83.3%	83.3% #633316	RGB 99 51 22	#633316
100.0%	100.0% #5E2D0E	RGB 94 45 14	#5E2D0E

#7D5E4B #77543E #724B33 #6D4329 #683B1F #633316 #5E2D0E

#7D5E4B - #6D4329 - #5E2D0E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D5E4B 0%, #6D4329 50%, #5E2D0E 100%);
    background: -webkit-linear-gradient(top, #7D5E4B 0%, #6D4329 50%, #5E2D0E 100%);
    background: linear-gradient(to bottom, #7D5E4B 0%, #6D4329 50%, #5E2D0E 100%);
}
</style>