#797E5C - #414D14 | 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 #797E5C a #414D14

#797E5C #414D14

Calcule el color entre dos colores, #797E5C y #414D14. 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)

#797E5C - #414D14 | 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 #797E5C como 0% y #414D14 como 100%.

0.0%	0.0% #797E5C	RGB 121 126 92	#797E5C
16.7%	16.7% #6F7550	RGB 111 117 80	#6F7550
33.3%	33.3% #666D44	RGB 102 109 68	#666D44
50.0%	50.0% #5D6538	RGB 93 101 56	#5D6538
66.7%	66.7% #535D2C	RGB 83 93 44	#535D2C
83.3%	83.3% #4A5520	RGB 74 85 32	#4A5520
100.0%	100.0% #414D14	RGB 65 77 20	#414D14

#797E5C #6F7550 #666D44 #5D6538 #535D2C #4A5520 #414D14

#797E5C - #414D14

Mezcla HSV

#797E5C - #414D14 | 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 #797E5C como 0% y #414D14 como 100%.

0.0%	0.0% #797E5C	RGB 121 126 92	#797E5C
16.7%	16.7% #6F754C	RGB 111 117 76	#6F754C
33.3%	33.3% #656D3E	RGB 101 109 62	#656D3E
50.0%	50.0% #5C6532	RGB 92 101 50	#5C6532
66.7%	66.7% #535D26	RGB 83 93 38	#535D26
83.3%	83.3% #49551C	RGB 73 85 28	#49551C
100.0%	100.0% #414D14	RGB 65 77 20	#414D14

#797E5C #6F754C #656D3E #5C6532 #535D26 #49551C #414D14

#797E5C - #5C6532 - #414D14

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #797E5C 0%, #5C6532 50%, #414D14 100%);
    background: -webkit-linear-gradient(top, #797E5C 0%, #5C6532 50%, #414D14 100%);
    background: linear-gradient(to bottom, #797E5C 0%, #5C6532 50%, #414D14 100%);
}
</style>