#4D5E3E - #161A11 | 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 #4D5E3E a #161A11

#4D5E3E #161A11

Calcule el color entre dos colores, #4D5E3E y #161A11. 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)

#4D5E3E - #161A11 | 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 #4D5E3E como 0% y #161A11 como 100%.

0.0%	0.0% #4D5E3E	RGB 77 94 62	#4D5E3E
16.7%	16.7% #435236	RGB 67 82 54	#435236
33.3%	33.3% #3A472F	RGB 58 71 47	#3A472F
50.0%	50.0% #313C27	RGB 49 60 39	#313C27
66.7%	66.7% #283020	RGB 40 48 32	#283020
83.3%	83.3% #1F2518	RGB 31 37 24	#1F2518
100.0%	100.0% #161A11	RGB 22 26 17	#161A11

#4D5E3E #435236 #3A472F #313C27 #283020 #1F2518 #161A11

#4D5E3E - #161A11

Mezcla HSV

#4D5E3E - #161A11 | 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 #4D5E3E como 0% y #161A11 como 100%.

0.0%	0.0% #4D5E3E	RGB 77 94 62	#4D5E3E
16.7%	16.7% #445236	RGB 68 82 54	#445236
33.3%	33.3% #3B472E	RGB 59 71 46	#3B472E
50.0%	50.0% #313C27	RGB 49 60 39	#313C27
66.7%	66.7% #28301F	RGB 40 48 31	#28301F
83.3%	83.3% #1F2518	RGB 31 37 24	#1F2518
100.0%	100.0% #161A11	RGB 22 26 17	#161A11

#4D5E3E #445236 #3B472E #313C27 #28301F #1F2518 #161A11

#4D5E3E - #313C27 - #161A11

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E3E 0%, #313C27 50%, #161A11 100%);
    background: -webkit-linear-gradient(top, #4D5E3E 0%, #313C27 50%, #161A11 100%);
    background: linear-gradient(to bottom, #4D5E3E 0%, #313C27 50%, #161A11 100%);
}
</style>