#504D2B - #392B04 | 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 #504D2B a #392B04

#504D2B #392B04

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

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

0.0%	0.0% #504D2B	RGB 80 77 43	#504D2B
16.7%	16.7% #4C4724	RGB 76 71 36	#4C4724
33.3%	33.3% #48411E	RGB 72 65 30	#48411E
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% #392B04	RGB 57 43 4	#392B04

#504D2B #4C4724 #48411E #443C17 #403610 #3C300A #392B04

#504D2B - #392B04

Mezcla HSV

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

0.0%	0.0% #504D2B	RGB 80 77 43	#504D2B
16.7%	16.7% #4C4723	RGB 76 71 35	#4C4723
33.3%	33.3% #48411B	RGB 72 65 27	#48411B
50.0%	50.0% #443C14	RGB 68 60 20	#443C14
66.7%	66.7% #40360E	RGB 64 54 14	#40360E
83.3%	83.3% #3C3009	RGB 60 48 9	#3C3009
100.0%	100.0% #392B04	RGB 57 43 4	#392B04

#504D2B #4C4723 #48411B #443C14 #40360E #3C3009 #392B04

#504D2B - #443C14 - #392B04

Códigos CSS

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

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