#00A600 - #5AFE97 | 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 #00A600 a #5AFE97

#00A600 #5AFE97

Calcule el color entre dos colores, #00A600 y #5AFE97. 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)

#00A600 - #5AFE97 | 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 #00A600 como 0% y #5AFE97 como 100%.

0.0%	0.0% #00A600	RGB 0 166 0	#00A600
16.7%	16.7% #0FB419	RGB 15 180 25	#0FB419
33.3%	33.3% #1EC332	RGB 30 195 50	#1EC332
50.0%	50.0% #2DD24B	RGB 45 210 75	#2DD24B
66.7%	66.7% #3CE064	RGB 60 224 100	#3CE064
83.3%	83.3% #4BEF7D	RGB 75 239 125	#4BEF7D
100.0%	100.0% #5AFE97	RGB 90 254 151	#5AFE97

#00A600 #0FB419 #1EC332 #2DD24B #3CE064 #4BEF7D #5AFE97

#00A600 - #5AFE97

Mezcla HSV

#00A600 - #5AFE97 | 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 #00A600 como 0% y #5AFE97 como 100%.

0.0%	0.0% #00A600	RGB 0 166 0	#00A600
16.7%	16.7% #0AB415	RGB 10 180 21	#0AB415
33.3%	33.3% #17C32C	RGB 23 195 44	#17C32C
50.0%	50.0% #25D245	RGB 37 210 69	#25D245
66.7%	66.7% #35E05F	RGB 53 224 95	#35E05F
83.3%	83.3% #46EF7A	RGB 70 239 122	#46EF7A
100.0%	100.0% #5AFE97	RGB 90 254 151	#5AFE97

#00A600 #0AB415 #17C32C #25D245 #35E05F #46EF7A #5AFE97

#00A600 - #25D245 - #5AFE97

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A600 0%, #25D245 50%, #5AFE97 100%);
    background: -webkit-linear-gradient(top, #00A600 0%, #25D245 50%, #5AFE97 100%);
    background: linear-gradient(to bottom, #00A600 0%, #25D245 50%, #5AFE97 100%);
}
</style>