#8C935F - #4F5E19 | 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 #8C935F a #4F5E19

#8C935F #4F5E19

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

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

0.0%	0.0% #8C935F	RGB 140 147 95	#8C935F
16.7%	16.7% #818A53	RGB 129 138 83	#818A53
33.3%	33.3% #778147	RGB 119 129 71	#778147
50.0%	50.0% #6D783C	RGB 109 120 60	#6D783C
66.7%	66.7% #636F30	RGB 99 111 48	#636F30
83.3%	83.3% #596624	RGB 89 102 36	#596624
100.0%	100.0% #4F5E19	RGB 79 94 25	#4F5E19

#8C935F #818A53 #778147 #6D783C #636F30 #596624 #4F5E19

#8C935F - #4F5E19

Mezcla HSV

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

0.0%	0.0% #8C935F	RGB 140 147 95	#8C935F
16.7%	16.7% #818A50	RGB 129 138 80	#818A50
33.3%	33.3% #778143	RGB 119 129 67	#778143
50.0%	50.0% #6C7836	RGB 108 120 54	#6C7836
66.7%	66.7% #626F2B	RGB 98 111 43	#626F2B
83.3%	83.3% #586621	RGB 88 102 33	#586621
100.0%	100.0% #4F5E19	RGB 79 94 25	#4F5E19

#8C935F #818A50 #778143 #6C7836 #626F2B #586621 #4F5E19

#8C935F - #6C7836 - #4F5E19

Códigos CSS

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

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