#504E3C - #474504 | 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 #504E3C a #474504

#504E3C #474504

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

#504E3C - #474504 | 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 #504E3C como 0% y #474504 como 100%.

0.0%	0.0% #504E3C	RGB 80 78 60	#504E3C
16.7%	16.7% #4E4C32	RGB 78 76 50	#4E4C32
33.3%	33.3% #4D4B29	RGB 77 75 41	#4D4B29
50.0%	50.0% #4B4920	RGB 75 73 32	#4B4920
66.7%	66.7% #4A4816	RGB 74 72 22	#4A4816
83.3%	83.3% #48460D	RGB 72 70 13	#48460D
100.0%	100.0% #474504	RGB 71 69 4	#474504

#504E3C #4E4C32 #4D4B29 #4B4920 #4A4816 #48460D #474504

#504E3C - #474504

Mezcla HSV

#504E3C - #474504 | 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 #504E3C como 0% y #474504 como 100%.

0.0%	0.0% #504E3C	RGB 80 78 60	#504E3C
16.7%	16.7% #4E4B31	RGB 78 75 49	#4E4B31
33.3%	33.3% #4D4A27	RGB 77 74 39	#4D4A27
50.0%	50.0% #4B481E	RGB 75 72 30	#4B481E
66.7%	66.7% #4A4715	RGB 74 71 21	#4A4715
83.3%	83.3% #48460C	RGB 72 70 12	#48460C
100.0%	100.0% #474504	RGB 71 69 4	#474504

#504E3C #4E4B31 #4D4A27 #4B481E #4A4715 #48460C #474504

#504E3C - #4B481E - #474504

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #504E3C 0%, #4B481E 50%, #474504 100%);
    background: -webkit-linear-gradient(top, #504E3C 0%, #4B481E 50%, #474504 100%);
    background: linear-gradient(to bottom, #504E3C 0%, #4B481E 50%, #474504 100%);
}
</style>