#00BA77 - #E9FF9A | 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 #00BA77 a #E9FF9A

#00BA77 #E9FF9A

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

#00BA77 - #E9FF9A | 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 #00BA77 como 0% y #E9FF9A como 100%.

0.0%	0.0% #00BA77	RGB 0 186 119	#00BA77
16.7%	16.7% #26C57C	RGB 38 197 124	#26C57C
33.3%	33.3% #4DD182	RGB 77 209 130	#4DD182
50.0%	50.0% #74DC88	RGB 116 220 136	#74DC88
66.7%	66.7% #9BE88E	RGB 155 232 142	#9BE88E
83.3%	83.3% #C2F394	RGB 194 243 148	#C2F394
100.0%	100.0% #E9FF9A	RGB 233 255 154	#E9FF9A

#00BA77 #26C57C #4DD182 #74DC88 #9BE88E #C2F394 #E9FF9A

#00BA77 - #E9FF9A

Mezcla HSV

#00BA77 - #E9FF9A | 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 #00BA77 como 0% y #E9FF9A como 100%.

0.0%	0.0% #00BA77	RGB 0 186 119	#00BA77
16.7%	16.7% #13C55B	RGB 19 197 91	#13C55B
33.3%	33.3% #2AD145	RGB 42 209 69	#2AD145
50.0%	50.0% #4DDC42	RGB 77 220 66	#4DDC42
66.7%	66.7% #88E85D	RGB 136 232 93	#88E85D
83.3%	83.3% #BCF37A	RGB 188 243 122	#BCF37A
100.0%	100.0% #E9FF9A	RGB 233 255 154	#E9FF9A

#00BA77 #13C55B #2AD145 #4DDC42 #88E85D #BCF37A #E9FF9A

#00BA77 - #4DDC42 - #E9FF9A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BA77 0%, #4DDC42 50%, #E9FF9A 100%);
    background: -webkit-linear-gradient(top, #00BA77 0%, #4DDC42 50%, #E9FF9A 100%);
    background: linear-gradient(to bottom, #00BA77 0%, #4DDC42 50%, #E9FF9A 100%);
}
</style>