#05FF00 - #00FF5E | 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 #05FF00 a #00FF5E

#05FF00 #00FF5E

Calcule el color entre dos colores, #05FF00 y #00FF5E. 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)

#05FF00 - #00FF5E | 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 #05FF00 como 0% y #00FF5E como 100%.

0.0%	0.0% #05FF00	RGB 5 255 0	#05FF00
16.7%	16.7% #04FF0F	RGB 4 255 15	#04FF0F
33.3%	33.3% #03FF1F	RGB 3 255 31	#03FF1F
50.0%	50.0% #02FF2F	RGB 2 255 47	#02FF2F
66.7%	66.7% #01FF3E	RGB 1 255 62	#01FF3E
83.3%	83.3% #00FF4E	RGB 0 255 78	#00FF4E
100.0%	100.0% #00FF5E	RGB 0 255 94	#00FF5E

#05FF00 #04FF0F #03FF1F #02FF2F #01FF3E #00FF4E #00FF5E

#05FF00 - #00FF5E

Mezcla HSV

#05FF00 - #00FF5E | 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 #05FF00 como 0% y #00FF5E como 100%.

0.0%	0.0% #04FF00	RGB 4 255 0	#04FF00
16.7%	16.7% #00FF0B	RGB 0 255 11	#00FF0B
33.3%	33.3% #00FF1C	RGB 0 255 28	#00FF1C
50.0%	50.0% #00FF2C	RGB 0 255 44	#00FF2C
66.7%	66.7% #00FF3D	RGB 0 255 61	#00FF3D
83.3%	83.3% #00FF4D	RGB 0 255 77	#00FF4D
100.0%	100.0% #00FF5E	RGB 0 255 94	#00FF5E

#04FF00 #00FF0B #00FF1C #00FF2C #00FF3D #00FF4D #00FF5E

#05FF00 - #00FF2C - #00FF5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #04FF00 0%, #00FF2C 50%, #00FF5E 100%);
    background: -webkit-linear-gradient(top, #04FF00 0%, #00FF2C 50%, #00FF5E 100%);
    background: linear-gradient(to bottom, #04FF00 0%, #00FF2C 50%, #00FF5E 100%);
}
</style>