#4B5E00 - #A8C115 | 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 #4B5E00 a #A8C115

#4B5E00 #A8C115

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

#4B5E00 - #A8C115 | 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 #4B5E00 como 0% y #A8C115 como 100%.

0.0%	0.0% #4B5E00	RGB 75 94 0	#4B5E00
16.7%	16.7% #5A6E03	RGB 90 110 3	#5A6E03
33.3%	33.3% #6A7F07	RGB 106 127 7	#6A7F07
50.0%	50.0% #798F0A	RGB 121 143 10	#798F0A
66.7%	66.7% #89A00E	RGB 137 160 14	#89A00E
83.3%	83.3% #98B011	RGB 152 176 17	#98B011
100.0%	100.0% #A8C115	RGB 168 193 21	#A8C115

#4B5E00 #5A6E03 #6A7F07 #798F0A #89A00E #98B011 #A8C115

#4B5E00 - #A8C115

Mezcla HSV

#4B5E00 - #A8C115 | 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 #4B5E00 como 0% y #A8C115 como 100%.

0.0%	0.0% #4B5E00	RGB 75 94 0	#4B5E00
16.7%	16.7% #596E02	RGB 89 110 2	#596E02
33.3%	33.3% #687F04	RGB 104 127 4	#687F04
50.0%	50.0% #778F07	RGB 119 143 7	#778F07
66.7%	66.7% #87A00B	RGB 135 160 11	#87A00B
83.3%	83.3% #97B010	RGB 151 176 16	#97B010
100.0%	100.0% #A8C115	RGB 168 193 21	#A8C115

#4B5E00 #596E02 #687F04 #778F07 #87A00B #97B010 #A8C115

#4B5E00 - #778F07 - #A8C115

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B5E00 0%, #778F07 50%, #A8C115 100%);
    background: -webkit-linear-gradient(top, #4B5E00 0%, #778F07 50%, #A8C115 100%);
    background: linear-gradient(to bottom, #4B5E00 0%, #778F07 50%, #A8C115 100%);
}
</style>