#504E2B - #382B04 | 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 #504E2B a #382B04

#504E2B #382B04

Calcule el color entre dos colores, #504E2B y #382B04. 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)

#504E2B - #382B04 | 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 #504E2B como 0% y #382B04 como 100%.

0.0%	0.0% #504E2B	RGB 80 78 43	#504E2B
16.7%	16.7% #4C4824	RGB 76 72 36	#4C4824
33.3%	33.3% #48421E	RGB 72 66 30	#48421E
50.0%	50.0% #443C17	RGB 68 60 23	#443C17
66.7%	66.7% #403610	RGB 64 54 16	#403610
83.3%	83.3% #3C300A	RGB 60 48 10	#3C300A
100.0%	100.0% #382B04	RGB 56 43 4	#382B04

#504E2B #4C4824 #48421E #443C17 #403610 #3C300A #382B04

#504E2B - #382B04

Mezcla HSV

#504E2B - #382B04 | 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 #504E2B como 0% y #382B04 como 100%.

0.0%	0.0% #504E2B	RGB 80 78 43	#504E2B
16.7%	16.7% #4C4822	RGB 76 72 34	#4C4822
33.3%	33.3% #48421B	RGB 72 66 27	#48421B
50.0%	50.0% #443C14	RGB 68 60 20	#443C14
66.7%	66.7% #40360E	RGB 64 54 14	#40360E
83.3%	83.3% #3C3008	RGB 60 48 8	#3C3008
100.0%	100.0% #382B04	RGB 56 43 4	#382B04

#504E2B #4C4822 #48421B #443C14 #40360E #3C3008 #382B04

#504E2B - #443C14 - #382B04

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504E2B 0%, #443C14 50%, #382B04 100%);
    background: -webkit-linear-gradient(top, #504E2B 0%, #443C14 50%, #382B04 100%);
    background: linear-gradient(to bottom, #504E2B 0%, #443C14 50%, #382B04 100%);
}
</style>