#4D5E4D - #131D25 | 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 #4D5E4D a #131D25

#4D5E4D #131D25

Calcule el color entre dos colores, #4D5E4D y #131D25. 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)

#4D5E4D - #131D25 | 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 #4D5E4D como 0% y #131D25 como 100%.

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #435346	RGB 67 83 70	#435346
33.3%	33.3% #39483F	RGB 57 72 63	#39483F
50.0%	50.0% #303D39	RGB 48 61 57	#303D39
66.7%	66.7% #263232	RGB 38 50 50	#263232
83.3%	83.3% #1C272B	RGB 28 39 43	#1C272B
100.0%	100.0% #131D25	RGB 19 29 37	#131D25

#4D5E4D #435346 #39483F #303D39 #263232 #1C272B #131D25

#4D5E4D - #131D25

Mezcla HSV

#4D5E4D - #131D25 | 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 #4D5E4D como 0% y #131D25 como 100%.

0.0%	0.0% #4D5E4D	RGB 77 94 77	#4D5E4D
16.7%	16.7% #405445	RGB 64 84 69	#405445
33.3%	33.3% #354B40	RGB 53 75 64	#354B40
50.0%	50.0% #2B413B	RGB 43 65 59	#2B413B
66.7%	66.7% #223837	RGB 34 56 55	#223837
83.3%	83.3% #1A2A2E	RGB 26 42 46	#1A2A2E
100.0%	100.0% #131D25	RGB 19 29 37	#131D25

#4D5E4D #405445 #354B40 #2B413B #223837 #1A2A2E #131D25

#4D5E4D - #2B413B - #131D25

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E4D 0%, #2B413B 50%, #131D25 100%);
    background: -webkit-linear-gradient(top, #4D5E4D 0%, #2B413B 50%, #131D25 100%);
    background: linear-gradient(to bottom, #4D5E4D 0%, #2B413B 50%, #131D25 100%);
}
</style>