#4D5E3E - #203C05 | 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 #203C05

#4D5E3E #203C05

Calcule el color entre dos colores, #4D5E3E y #203C05. 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 - #203C05 | 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 #203C05 como 100%.

0.0%	0.0% #4D5E3E	RGB 77 94 62	#4D5E3E
16.7%	16.7% #455834	RGB 69 88 52	#455834
33.3%	33.3% #3E522B	RGB 62 82 43	#3E522B
50.0%	50.0% #364D21	RGB 54 77 33	#364D21
66.7%	66.7% #2F4718	RGB 47 71 24	#2F4718
83.3%	83.3% #27410E	RGB 39 65 14	#27410E
100.0%	100.0% #203C05	RGB 32 60 5	#203C05

#4D5E3E #455834 #3E522B #364D21 #2F4718 #27410E #203C05

#4D5E3E - #203C05

Mezcla HSV

#4D5E3E - #203C05 | 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 #203C05 como 100%.

0.0%	0.0% #4D5E3E	RGB 77 94 62	#4D5E3E
16.7%	16.7% #435831	RGB 67 88 49	#435831
33.3%	33.3% #3B5226	RGB 59 82 38	#3B5226
50.0%	50.0% #334D1C	RGB 51 77 28	#334D1C
66.7%	66.7% #2C4713	RGB 44 71 19	#2C4713
83.3%	83.3% #26410B	RGB 38 65 11	#26410B
100.0%	100.0% #203C05	RGB 32 60 5	#203C05

#4D5E3E #435831 #3B5226 #334D1C #2C4713 #26410B #203C05

#4D5E3E - #334D1C - #203C05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E3E 0%, #334D1C 50%, #203C05 100%);
    background: -webkit-linear-gradient(top, #4D5E3E 0%, #334D1C 50%, #203C05 100%);
    background: linear-gradient(to bottom, #4D5E3E 0%, #334D1C 50%, #203C05 100%);
}
</style>