#8B8F7F - #4D5B2B | 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 #8B8F7F a #4D5B2B

#8B8F7F #4D5B2B

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

#8B8F7F - #4D5B2B | 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 #8B8F7F como 0% y #4D5B2B como 100%.

0.0%	0.0% #8B8F7F	RGB 139 143 127	#8B8F7F
16.7%	16.7% #808671	RGB 128 134 113	#808671
33.3%	33.3% #767D63	RGB 118 125 99	#767D63
50.0%	50.0% #6C7555	RGB 108 117 85	#6C7555
66.7%	66.7% #616C47	RGB 97 108 71	#616C47
83.3%	83.3% #576339	RGB 87 99 57	#576339
100.0%	100.0% #4D5B2B	RGB 77 91 43	#4D5B2B

#8B8F7F #808671 #767D63 #6C7555 #616C47 #576339 #4D5B2B

#8B8F7F - #4D5B2B

Mezcla HSV

#8B8F7F - #4D5B2B | 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 #8B8F7F como 0% y #4D5B2B como 100%.

0.0%	0.0% #8B8F7F	RGB 139 143 127	#8B8F7F
16.7%	16.7% #80866D	RGB 128 134 109	#80866D
33.3%	33.3% #757D5E	RGB 117 125 94	#757D5E
50.0%	50.0% #6A754F	RGB 106 117 79	#6A754F
66.7%	66.7% #606C42	RGB 96 108 66	#606C42
83.3%	83.3% #566335	RGB 86 99 53	#566335
100.0%	100.0% #4D5B2B	RGB 77 91 43	#4D5B2B

#8B8F7F #80866D #757D5E #6A754F #606C42 #566335 #4D5B2B

#8B8F7F - #6A754F - #4D5B2B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B8F7F 0%, #6A754F 50%, #4D5B2B 100%);
    background: -webkit-linear-gradient(top, #8B8F7F 0%, #6A754F 50%, #4D5B2B 100%);
    background: linear-gradient(to bottom, #8B8F7F 0%, #6A754F 50%, #4D5B2B 100%);
}
</style>