#4A5E46 - #0F4E09 | 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 #4A5E46 a #0F4E09

#4A5E46 #0F4E09

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

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

0.0%	0.0% #4A5E46	RGB 74 94 70	#4A5E46
16.7%	16.7% #405B3B	RGB 64 91 59	#405B3B
33.3%	33.3% #365831	RGB 54 88 49	#365831
50.0%	50.0% #2C5627	RGB 44 86 39	#2C5627
66.7%	66.7% #22531D	RGB 34 83 29	#22531D
83.3%	83.3% #185013	RGB 24 80 19	#185013
100.0%	100.0% #0F4E09	RGB 15 78 9	#0F4E09

#4A5E46 #405B3B #365831 #2C5627 #22531D #185013 #0F4E09

#4A5E46 - #0F4E09

Mezcla HSV

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

0.0%	0.0% #4A5E46	RGB 74 94 70	#4A5E46
16.7%	16.7% #3F5B3A	RGB 63 91 58	#3F5B3A
33.3%	33.3% #35582F	RGB 53 88 47	#35582F
50.0%	50.0% #2B5624	RGB 43 86 36	#2B5624
66.7%	66.7% #21531B	RGB 33 83 27	#21531B
83.3%	83.3% #185011	RGB 24 80 17	#185011
100.0%	100.0% #0F4E09	RGB 15 78 9	#0F4E09

#4A5E46 #3F5B3A #35582F #2B5624 #21531B #185011 #0F4E09

#4A5E46 - #2B5624 - #0F4E09

Códigos CSS

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

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