#4E5646 - #213806 | 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 #4E5646 a #213806

#4E5646 #213806

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

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

0.0%	0.0% #4E5646	RGB 78 86 70	#4E5646
16.7%	16.7% #46513B	RGB 70 81 59	#46513B
33.3%	33.3% #3F4C30	RGB 63 76 48	#3F4C30
50.0%	50.0% #374726	RGB 55 71 38	#374726
66.7%	66.7% #30421B	RGB 48 66 27	#30421B
83.3%	83.3% #283D10	RGB 40 61 16	#283D10
100.0%	100.0% #213806	RGB 33 56 6	#213806

#4E5646 #46513B #3F4C30 #374726 #30421B #283D10 #213806

#4E5646 - #213806

Mezcla HSV

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

0.0%	0.0% #4E5646	RGB 78 86 70	#4E5646
16.7%	16.7% #445138	RGB 68 81 56	#445138
33.3%	33.3% #3C4C2B	RGB 60 76 43	#3C4C2B
50.0%	50.0% #344720	RGB 52 71 32	#344720
66.7%	66.7% #2D4216	RGB 45 66 22	#2D4216
83.3%	83.3% #263D0D	RGB 38 61 13	#263D0D
100.0%	100.0% #213806	RGB 33 56 6	#213806

#4E5646 #445138 #3C4C2B #344720 #2D4216 #263D0D #213806

#4E5646 - #344720 - #213806

Códigos CSS

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

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