#703B19 - #441C07 | 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 #703B19 a #441C07

#703B19 #441C07

Calcule el color entre dos colores, #703B19 y #441C07. 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)

#703B19 - #441C07 | 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 #703B19 como 0% y #441C07 como 100%.

0.0%	0.0% #703B19	RGB 112 59 25	#703B19
16.7%	16.7% #683516	RGB 104 53 22	#683516
33.3%	33.3% #613013	RGB 97 48 19	#613013
50.0%	50.0% #5A2B10	RGB 90 43 16	#5A2B10
66.7%	66.7% #52260D	RGB 82 38 13	#52260D
83.3%	83.3% #4B210A	RGB 75 33 10	#4B210A
100.0%	100.0% #441C07	RGB 68 28 7	#441C07

#703B19 #683516 #613013 #5A2B10 #52260D #4B210A #441C07

#703B19 - #441C07

Mezcla HSV

#703B19 - #441C07 | 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 #703B19 como 0% y #441C07 como 100%.

0.0%	0.0% #703B19	RGB 112 59 25	#703B19
16.7%	16.7% #683515	RGB 104 53 21	#683515
33.3%	33.3% #612F11	RGB 97 47 17	#612F11
50.0%	50.0% #5A2A0E	RGB 90 42 14	#5A2A0E
66.7%	66.7% #52250B	RGB 82 37 11	#52250B
83.3%	83.3% #4B2009	RGB 75 32 9	#4B2009
100.0%	100.0% #441C07	RGB 68 28 7	#441C07

#703B19 #683515 #612F11 #5A2A0E #52250B #4B2009 #441C07

#703B19 - #5A2A0E - #441C07

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #703B19 0%, #5A2A0E 50%, #441C07 100%);
    background: -webkit-linear-gradient(top, #703B19 0%, #5A2A0E 50%, #441C07 100%);
    background: linear-gradient(to bottom, #703B19 0%, #5A2A0E 50%, #441C07 100%);
}
</style>