#4D5E46 - #125008 | 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 #4D5E46 a #125008

#4D5E46 #125008

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

#4D5E46 - #125008 | 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 #4D5E46 como 0% y #125008 como 100%.

0.0%	0.0% #4D5E46	RGB 77 94 70	#4D5E46
16.7%	16.7% #435B3B	RGB 67 91 59	#435B3B
33.3%	33.3% #395931	RGB 57 89 49	#395931
50.0%	50.0% #2F5727	RGB 47 87 39	#2F5727
66.7%	66.7% #25541C	RGB 37 84 28	#25541C
83.3%	83.3% #1B5212	RGB 27 82 18	#1B5212
100.0%	100.0% #125008	RGB 18 80 8	#125008

#4D5E46 #435B3B #395931 #2F5727 #25541C #1B5212 #125008

#4D5E46 - #125008

Mezcla HSV

#4D5E46 - #125008 | 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 #4D5E46 como 0% y #125008 como 100%.

0.0%	0.0% #4D5E46	RGB 77 94 70	#4D5E46
16.7%	16.7% #435B3A	RGB 67 91 58	#435B3A
33.3%	33.3% #39592F	RGB 57 89 47	#39592F
50.0%	50.0% #2F5724	RGB 47 87 36	#2F5724
66.7%	66.7% #25541A	RGB 37 84 26	#25541A
83.3%	83.3% #1B5211	RGB 27 82 17	#1B5211
100.0%	100.0% #125008	RGB 18 80 8	#125008

#4D5E46 #435B3A #39592F #2F5724 #25541A #1B5211 #125008

#4D5E46 - #2F5724 - #125008

Códigos CSS

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

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