#8D8F8C - #456134 | 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 #8D8F8C a #456134

#8D8F8C #456134

Calcule el color entre dos colores, #8D8F8C y #456134. 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)

#8D8F8C - #456134 | 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 #8D8F8C como 0% y #456134 como 100%.

0.0%	0.0% #8D8F8C	RGB 141 143 140	#8D8F8C
16.7%	16.7% #81877D	RGB 129 135 125	#81877D
33.3%	33.3% #757F6E	RGB 117 127 110	#757F6E
50.0%	50.0% #697860	RGB 105 120 96	#697860
66.7%	66.7% #5D7051	RGB 93 112 81	#5D7051
83.3%	83.3% #516842	RGB 81 104 66	#516842
100.0%	100.0% #456134	RGB 69 97 52	#456134

#8D8F8C #81877D #757F6E #697860 #5D7051 #516842 #456134

#8D8F8C - #456134

Mezcla HSV

#8D8F8C - #456134 | 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 #8D8F8C como 0% y #456134 como 100%.

0.0%	0.0% #8D8F8C	RGB 141 143 140	#8D8F8C
16.7%	16.7% #7E877A	RGB 126 135 122	#7E877A
33.3%	33.3% #717F6A	RGB 113 127 106	#717F6A
50.0%	50.0% #65785A	RGB 101 120 90	#65785A
66.7%	66.7% #59704C	RGB 89 112 76	#59704C
83.3%	83.3% #4E683F	RGB 78 104 63	#4E683F
100.0%	100.0% #456134	RGB 69 97 52	#456134

#8D8F8C #7E877A #717F6A #65785A #59704C #4E683F #456134

#8D8F8C - #65785A - #456134

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D8F8C 0%, #65785A 50%, #456134 100%);
    background: -webkit-linear-gradient(top, #8D8F8C 0%, #65785A 50%, #456134 100%);
    background: linear-gradient(to bottom, #8D8F8C 0%, #65785A 50%, #456134 100%);
}
</style>