#11FF01 - #044800 | 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 #11FF01 a #044800

#11FF01 #044800

Calcule el color entre dos colores, #11FF01 y #044800. 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)

#11FF01 - #044800 | 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 #11FF01 como 0% y #044800 como 100%.

0.0%	0.0% #11FF01	RGB 17 255 1	#11FF01
16.7%	16.7% #0EE000	RGB 14 224 0	#0EE000
33.3%	33.3% #0CC200	RGB 12 194 0	#0CC200
50.0%	50.0% #0AA300	RGB 10 163 0	#0AA300
66.7%	66.7% #088400	RGB 8 132 0	#088400
83.3%	83.3% #066600	RGB 6 102 0	#066600
100.0%	100.0% #044800	RGB 4 72 0	#044800

#11FF01 #0EE000 #0CC200 #0AA300 #088400 #066600 #044800

#11FF01 - #044800

Mezcla HSV

#11FF01 - #044800 | 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 #11FF01 como 0% y #044800 como 100%.

0.0%	0.0% #11FF00	RGB 17 255 0	#11FF00
16.7%	16.7% #0EE000	RGB 14 224 0	#0EE000
33.3%	33.3% #0CC200	RGB 12 194 0	#0CC200
50.0%	50.0% #09A300	RGB 9 163 0	#09A300
66.7%	66.7% #078400	RGB 7 132 0	#078400
83.3%	83.3% #056600	RGB 5 102 0	#056600
100.0%	100.0% #044800	RGB 4 72 0	#044800

#11FF00 #0EE000 #0CC200 #09A300 #078400 #056600 #044800

#11FF01 - #09A300 - #044800

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11FF00 0%, #09A300 50%, #044800 100%);
    background: -webkit-linear-gradient(top, #11FF00 0%, #09A300 50%, #044800 100%);
    background: linear-gradient(to bottom, #11FF00 0%, #09A300 50%, #044800 100%);
}
</style>