#7A7E5C - #424C15 | 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 #7A7E5C a #424C15

#7A7E5C #424C15

Calcule el color entre dos colores, #7A7E5C y #424C15. 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)

#7A7E5C - #424C15 | 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 #7A7E5C como 0% y #424C15 como 100%.

0.0%	0.0% #7A7E5C	RGB 122 126 92	#7A7E5C
16.7%	16.7% #707550	RGB 112 117 80	#707550
33.3%	33.3% #676D44	RGB 103 109 68	#676D44
50.0%	50.0% #5E6538	RGB 94 101 56	#5E6538
66.7%	66.7% #545C2C	RGB 84 92 44	#545C2C
83.3%	83.3% #4B5420	RGB 75 84 32	#4B5420
100.0%	100.0% #424C15	RGB 66 76 21	#424C15

#7A7E5C #707550 #676D44 #5E6538 #545C2C #4B5420 #424C15

#7A7E5C - #424C15

Mezcla HSV

#7A7E5C - #424C15 | 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 #7A7E5C como 0% y #424C15 como 100%.

0.0%	0.0% #7A7E5C	RGB 122 126 92	#7A7E5C
16.7%	16.7% #70754D	RGB 112 117 77	#70754D
33.3%	33.3% #666D3F	RGB 102 109 63	#666D3F
50.0%	50.0% #5D6532	RGB 93 101 50	#5D6532
66.7%	66.7% #545C27	RGB 84 92 39	#545C27
83.3%	83.3% #4A541D	RGB 74 84 29	#4A541D
100.0%	100.0% #424C15	RGB 66 76 21	#424C15

#7A7E5C #70754D #666D3F #5D6532 #545C27 #4A541D #424C15

#7A7E5C - #5D6532 - #424C15

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7A7E5C 0%, #5D6532 50%, #424C15 100%);
    background: -webkit-linear-gradient(top, #7A7E5C 0%, #5D6532 50%, #424C15 100%);
    background: linear-gradient(to bottom, #7A7E5C 0%, #5D6532 50%, #424C15 100%);
}
</style>