#5E392F - #471905 | 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 #5E392F a #471905

#5E392F #471905

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

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

0.0%	0.0% #5E392F	RGB 94 57 47	#5E392F
16.7%	16.7% #5A3328	RGB 90 51 40	#5A3328
33.3%	33.3% #562E21	RGB 86 46 33	#562E21
50.0%	50.0% #52291A	RGB 82 41 26	#52291A
66.7%	66.7% #4E2312	RGB 78 35 18	#4E2312
83.3%	83.3% #4A1E0C	RGB 74 30 12	#4A1E0C
100.0%	100.0% #471905	RGB 71 25 5	#471905

#5E392F #5A3328 #562E21 #52291A #4E2312 #4A1E0C #471905

#5E392F - #471905

Mezcla HSV

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

0.0%	0.0% #5E392F	RGB 94 57 47	#5E392F
16.7%	16.7% #5A3226	RGB 90 50 38	#5A3226
33.3%	33.3% #562C1E	RGB 86 44 30	#562C1E
50.0%	50.0% #522617	RGB 82 38 23	#522617
66.7%	66.7% #4E2110	RGB 78 33 16	#4E2110
83.3%	83.3% #4A1D0A	RGB 74 29 10	#4A1D0A
100.0%	100.0% #471905	RGB 71 25 5	#471905

#5E392F #5A3226 #562C1E #522617 #4E2110 #4A1D0A #471905

#5E392F - #522617 - #471905

Códigos CSS

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

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