#763C3C - #571708 | 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 #763C3C a #571708

#763C3C #571708

Calcule el color entre dos colores, #763C3C y #571708. 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)

#763C3C - #571708 | 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 #763C3C como 0% y #571708 como 100%.

0.0%	0.0% #763C3C	RGB 118 60 60	#763C3C
16.7%	16.7% #703533	RGB 112 53 51	#703533
33.3%	33.3% #6B2F2A	RGB 107 47 42	#6B2F2A
50.0%	50.0% #662922	RGB 102 41 34	#662922
66.7%	66.7% #612319	RGB 97 35 25	#612319
83.3%	83.3% #5C1D10	RGB 92 29 16	#5C1D10
100.0%	100.0% #571708	RGB 87 23 8	#571708

#763C3C #703533 #6B2F2A #662922 #612319 #5C1D10 #571708

#763C3C - #571708

Mezcla HSV

#763C3C - #571708 | 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 #763C3C como 0% y #571708 como 100%.

0.0%	0.0% #763C3C	RGB 118 60 60	#763C3C
16.7%	16.7% #703331	RGB 112 51 49	#703331
33.3%	33.3% #6B2C27	RGB 107 44 39	#6B2C27
50.0%	50.0% #66251E	RGB 102 37 30	#66251E
66.7%	66.7% #611F16	RGB 97 31 22	#611F16
83.3%	83.3% #5C1B0E	RGB 92 27 14	#5C1B0E
100.0%	100.0% #571708	RGB 87 23 8	#571708

#763C3C #703331 #6B2C27 #66251E #611F16 #5C1B0E #571708

#763C3C - #66251E - #571708

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #763C3C 0%, #66251E 50%, #571708 100%);
    background: -webkit-linear-gradient(top, #763C3C 0%, #66251E 50%, #571708 100%);
    background: linear-gradient(to bottom, #763C3C 0%, #66251E 50%, #571708 100%);
}
</style>