#4D4D4B - #3C2F08 | 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 #4D4D4B a #3C2F08

#4D4D4B #3C2F08

Calcule el color entre dos colores, #4D4D4B y #3C2F08. 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)

#4D4D4B - #3C2F08 | 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 #4D4D4B como 0% y #3C2F08 como 100%.

0.0%	0.0% #4D4D4B	RGB 77 77 75	#4D4D4B
16.7%	16.7% #4A483F	RGB 74 72 63	#4A483F
33.3%	33.3% #474334	RGB 71 67 52	#474334
50.0%	50.0% #443E29	RGB 68 62 41	#443E29
66.7%	66.7% #41391E	RGB 65 57 30	#41391E
83.3%	83.3% #3E3413	RGB 62 52 19	#3E3413
100.0%	100.0% #3C2F08	RGB 60 47 8	#3C2F08

#4D4D4B #4A483F #474334 #443E29 #41391E #3E3413 #3C2F08

#4D4D4B - #3C2F08

Mezcla HSV

#4D4D4B - #3C2F08 | 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 #4D4D4B como 0% y #3C2F08 como 100%.

0.0%	0.0% #4D4D4B	RGB 77 77 75	#4D4D4B
16.7%	16.7% #4A493D	RGB 74 73 61	#4A493D
33.3%	33.3% #474531	RGB 71 69 49	#474531
50.0%	50.0% #444025	RGB 68 64 37	#444025
66.7%	66.7% #413B1B	RGB 65 59 27	#413B1B
83.3%	83.3% #3E3511	RGB 62 53 17	#3E3511
100.0%	100.0% #3C2F08	RGB 60 47 8	#3C2F08

#4D4D4B #4A493D #474531 #444025 #413B1B #3E3511 #3C2F08

#4D4D4B - #444025 - #3C2F08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4D4B 0%, #444025 50%, #3C2F08 100%);
    background: -webkit-linear-gradient(top, #4D4D4B 0%, #444025 50%, #3C2F08 100%);
    background: linear-gradient(to bottom, #4D4D4B 0%, #444025 50%, #3C2F08 100%);
}
</style>