#4D5024 - #001D11 | 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 #4D5024 a #001D11

#4D5024 #001D11

Calcule el color entre dos colores, #4D5024 y #001D11. 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)

#4D5024 - #001D11 | 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 #4D5024 como 0% y #001D11 como 100%.

0.0%	0.0% #4D5024	RGB 77 80 36	#4D5024
16.7%	16.7% #404720	RGB 64 71 32	#404720
33.3%	33.3% #333F1D	RGB 51 63 29	#333F1D
50.0%	50.0% #26361A	RGB 38 54 26	#26361A
66.7%	66.7% #192E17	RGB 25 46 23	#192E17
83.3%	83.3% #0C2514	RGB 12 37 20	#0C2514
100.0%	100.0% #001D11	RGB 0 29 17	#001D11

#4D5024 #404720 #333F1D #26361A #192E17 #0C2514 #001D11

#4D5024 - #001D11

Mezcla HSV

#4D5024 - #001D11 | 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 #4D5024 como 0% y #001D11 como 100%.

0.0%	0.0% #4D5024	RGB 77 80 36	#4D5024
16.7%	16.7% #39471A	RGB 57 71 26	#39471A
33.3%	33.3% #253F12	RGB 37 63 18	#253F12
50.0%	50.0% #13360C	RGB 19 54 12	#13360C
66.7%	66.7% #062E0A	RGB 6 46 10	#062E0A
83.3%	83.3% #02250E	RGB 2 37 14	#02250E
100.0%	100.0% #001D11	RGB 0 29 17	#001D11

#4D5024 #39471A #253F12 #13360C #062E0A #02250E #001D11

#4D5024 - #13360C - #001D11

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5024 0%, #13360C 50%, #001D11 100%);
    background: -webkit-linear-gradient(top, #4D5024 0%, #13360C 50%, #001D11 100%);
    background: linear-gradient(to bottom, #4D5024 0%, #13360C 50%, #001D11 100%);
}
</style>