#9FBA66 - #5D8820 | 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 #9FBA66 a #5D8820

#9FBA66 #5D8820

Calcule el color entre dos colores, #9FBA66 y #5D8820. 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)

#9FBA66 - #5D8820 | 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 #9FBA66 como 0% y #5D8820 como 100%.

0.0%	0.0% #9FBA66	RGB 159 186 102	#9FBA66
16.7%	16.7% #94B15A	RGB 148 177 90	#94B15A
33.3%	33.3% #89A94E	RGB 137 169 78	#89A94E
50.0%	50.0% #7EA143	RGB 126 161 67	#7EA143
66.7%	66.7% #739837	RGB 115 152 55	#739837
83.3%	83.3% #68902B	RGB 104 144 43	#68902B
100.0%	100.0% #5D8820	RGB 93 136 32	#5D8820

#9FBA66 #94B15A #89A94E #7EA143 #739837 #68902B #5D8820

#9FBA66 - #5D8820

Mezcla HSV

#9FBA66 - #5D8820 | 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 #9FBA66 como 0% y #5D8820 como 100%.

0.0%	0.0% #9FBA66	RGB 159 186 102	#9FBA66
16.7%	16.7% #93B158	RGB 147 177 88	#93B158
33.3%	33.3% #88A94B	RGB 136 169 75	#88A94B
50.0%	50.0% #7DA13F	RGB 125 161 63	#7DA13F
66.7%	66.7% #729833	RGB 114 152 51	#729833
83.3%	83.3% #679029	RGB 103 144 41	#679029
100.0%	100.0% #5D8820	RGB 93 136 32	#5D8820

#9FBA66 #93B158 #88A94B #7DA13F #729833 #679029 #5D8820

#9FBA66 - #7DA13F - #5D8820

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FBA66 0%, #7DA13F 50%, #5D8820 100%);
    background: -webkit-linear-gradient(top, #9FBA66 0%, #7DA13F 50%, #5D8820 100%);
    background: linear-gradient(to bottom, #9FBA66 0%, #7DA13F 50%, #5D8820 100%);
}
</style>