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

#5D9600 #4B5E00

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

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

0.0%	0.0% #5D9600	RGB 93 150 0	#5D9600
16.7%	16.7% #5A8C00	RGB 90 140 0	#5A8C00
33.3%	33.3% #578300	RGB 87 131 0	#578300
50.0%	50.0% #547A00	RGB 84 122 0	#547A00
66.7%	66.7% #517000	RGB 81 112 0	#517000
83.3%	83.3% #4E6700	RGB 78 103 0	#4E6700
100.0%	100.0% #4B5E00	RGB 75 94 0	#4B5E00

#5D9600 #5A8C00 #578300 #547A00 #517000 #4E6700 #4B5E00

#5D9600 - #4B5E00

Mezcla HSV

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

0.0%	0.0% #5D9600	RGB 93 150 0	#5D9600
16.7%	16.7% #5B8C00	RGB 91 140 0	#5B8C00
33.3%	33.3% #598300	RGB 89 131 0	#598300
50.0%	50.0% #567A00	RGB 86 122 0	#567A00
66.7%	66.7% #537000	RGB 83 112 0	#537000
83.3%	83.3% #4F6700	RGB 79 103 0	#4F6700
100.0%	100.0% #4B5E00	RGB 75 94 0	#4B5E00

#5D9600 #5B8C00 #598300 #567A00 #537000 #4F6700 #4B5E00

#5D9600 - #567A00 - #4B5E00

Códigos CSS

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

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