#8D936B - #505E1F | 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 #8D936B a #505E1F

#8D936B #505E1F

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

#8D936B - #505E1F | 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 #8D936B como 0% y #505E1F como 100%.

0.0%	0.0% #8D936B	RGB 141 147 107	#8D936B
16.7%	16.7% #828A5E	RGB 130 138 94	#828A5E
33.3%	33.3% #788151	RGB 120 129 81	#788151
50.0%	50.0% #6E7845	RGB 110 120 69	#6E7845
66.7%	66.7% #646F38	RGB 100 111 56	#646F38
83.3%	83.3% #5A662B	RGB 90 102 43	#5A662B
100.0%	100.0% #505E1F	RGB 80 94 31	#505E1F

#8D936B #828A5E #788151 #6E7845 #646F38 #5A662B #505E1F

#8D936B - #505E1F

Mezcla HSV

#8D936B - #505E1F | 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 #8D936B como 0% y #505E1F como 100%.

0.0%	0.0% #8D936B	RGB 141 147 107	#8D936B
16.7%	16.7% #828A5B	RGB 130 138 91	#828A5B
33.3%	33.3% #78814C	RGB 120 129 76	#78814C
50.0%	50.0% #6D783F	RGB 109 120 63	#6D783F
66.7%	66.7% #636F33	RGB 99 111 51	#636F33
83.3%	83.3% #596628	RGB 89 102 40	#596628
100.0%	100.0% #505E1F	RGB 80 94 31	#505E1F

#8D936B #828A5B #78814C #6D783F #636F33 #596628 #505E1F

#8D936B - #6D783F - #505E1F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8D936B 0%, #6D783F 50%, #505E1F 100%);
    background: -webkit-linear-gradient(top, #8D936B 0%, #6D783F 50%, #505E1F 100%);
    background: linear-gradient(to bottom, #8D936B 0%, #6D783F 50%, #505E1F 100%);
}
</style>