#4E5E3C - #213B05 | 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 #4E5E3C a #213B05

#4E5E3C #213B05

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

#4E5E3C - #213B05 | 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 #4E5E3C como 0% y #213B05 como 100%.

0.0%	0.0% #4E5E3C	RGB 78 94 60	#4E5E3C
16.7%	16.7% #465832	RGB 70 88 50	#465832
33.3%	33.3% #3F5229	RGB 63 82 41	#3F5229
50.0%	50.0% #374C20	RGB 55 76 32	#374C20
66.7%	66.7% #304617	RGB 48 70 23	#304617
83.3%	83.3% #28400E	RGB 40 64 14	#28400E
100.0%	100.0% #213B05	RGB 33 59 5	#213B05

#4E5E3C #465832 #3F5229 #374C20 #304617 #28400E #213B05

#4E5E3C - #213B05

Mezcla HSV

#4E5E3C - #213B05 | 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 #4E5E3C como 0% y #213B05 como 100%.

0.0%	0.0% #4E5E3C	RGB 78 94 60	#4E5E3C
16.7%	16.7% #455830	RGB 69 88 48	#455830
33.3%	33.3% #3D5225	RGB 61 82 37	#3D5225
50.0%	50.0% #354C1B	RGB 53 76 27	#354C1B
66.7%	66.7% #2D4613	RGB 45 70 19	#2D4613
83.3%	83.3% #27400B	RGB 39 64 11	#27400B
100.0%	100.0% #213B05	RGB 33 59 5	#213B05

#4E5E3C #455830 #3D5225 #354C1B #2D4613 #27400B #213B05

#4E5E3C - #354C1B - #213B05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4E5E3C 0%, #354C1B 50%, #213B05 100%);
    background: -webkit-linear-gradient(top, #4E5E3C 0%, #354C1B 50%, #213B05 100%);
    background: linear-gradient(to bottom, #4E5E3C 0%, #354C1B 50%, #213B05 100%);
}
</style>