#4C5E3A - #1F3B05 | 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 #4C5E3A a #1F3B05

#4C5E3A #1F3B05

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

#4C5E3A - #1F3B05 | 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 #4C5E3A como 0% y #1F3B05 como 100%.

0.0%	0.0% #4C5E3A	RGB 76 94 58	#4C5E3A
16.7%	16.7% #445831	RGB 68 88 49	#445831
33.3%	33.3% #3D5228	RGB 61 82 40	#3D5228
50.0%	50.0% #354C1F	RGB 53 76 31	#354C1F
66.7%	66.7% #2E4616	RGB 46 70 22	#2E4616
83.3%	83.3% #26400D	RGB 38 64 13	#26400D
100.0%	100.0% #1F3B05	RGB 31 59 5	#1F3B05

#4C5E3A #445831 #3D5228 #354C1F #2E4616 #26400D #1F3B05

#4C5E3A - #1F3B05

Mezcla HSV

#4C5E3A - #1F3B05 | 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 #4C5E3A como 0% y #1F3B05 como 100%.

0.0%	0.0% #4C5E3A	RGB 76 94 58	#4C5E3A
16.7%	16.7% #43582E	RGB 67 88 46	#43582E
33.3%	33.3% #3A5224	RGB 58 82 36	#3A5224
50.0%	50.0% #334C1A	RGB 51 76 26	#334C1A
66.7%	66.7% #2B4612	RGB 43 70 18	#2B4612
83.3%	83.3% #25400B	RGB 37 64 11	#25400B
100.0%	100.0% #1F3B05	RGB 31 59 5	#1F3B05

#4C5E3A #43582E #3A5224 #334C1A #2B4612 #25400B #1F3B05

#4C5E3A - #334C1A - #1F3B05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C5E3A 0%, #334C1A 50%, #1F3B05 100%);
    background: -webkit-linear-gradient(top, #4C5E3A 0%, #334C1A 50%, #1F3B05 100%);
    background: linear-gradient(to bottom, #4C5E3A 0%, #334C1A 50%, #1F3B05 100%);
}
</style>