#5E9A00 - #2F540A | 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 #5E9A00 a #2F540A

#5E9A00 #2F540A

Calcule el color entre dos colores, #5E9A00 y #2F540A. 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)

#5E9A00 - #2F540A | 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 #5E9A00 como 0% y #2F540A como 100%.

0.0%	0.0% #5E9A00	RGB 94 154 0	#5E9A00
16.7%	16.7% #568E01	RGB 86 142 1	#568E01
33.3%	33.3% #4E8203	RGB 78 130 3	#4E8203
50.0%	50.0% #467705	RGB 70 119 5	#467705
66.7%	66.7% #3E6B06	RGB 62 107 6	#3E6B06
83.3%	83.3% #365F08	RGB 54 95 8	#365F08
100.0%	100.0% #2F540A	RGB 47 84 10	#2F540A

#5E9A00 #568E01 #4E8203 #467705 #3E6B06 #365F08 #2F540A

#5E9A00 - #2F540A

Mezcla HSV

#5E9A00 - #2F540A | 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 #5E9A00 como 0% y #2F540A como 100%.

0.0%	0.0% #5E9A00	RGB 94 154 0	#5E9A00
16.7%	16.7% #558E02	RGB 85 142 2	#558E02
33.3%	33.3% #4D8205	RGB 77 130 5	#4D8205
50.0%	50.0% #457707	RGB 69 119 7	#457707
66.7%	66.7% #3D6B08	RGB 61 107 8	#3D6B08
83.3%	83.3% #365F09	RGB 54 95 9	#365F09
100.0%	100.0% #2F540A	RGB 47 84 10	#2F540A

#5E9A00 #558E02 #4D8205 #457707 #3D6B08 #365F09 #2F540A

#5E9A00 - #457707 - #2F540A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9A00 0%, #457707 50%, #2F540A 100%);
    background: -webkit-linear-gradient(top, #5E9A00 0%, #457707 50%, #2F540A 100%);
    background: linear-gradient(to bottom, #5E9A00 0%, #457707 50%, #2F540A 100%);
}
</style>