#00BE7A - #EDFF9B | 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 #00BE7A a #EDFF9B

#00BE7A #EDFF9B

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

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

0.0%	0.0% #00BE7A	RGB 0 190 122	#00BE7A
16.7%	16.7% #27C87F	RGB 39 200 127	#27C87F
33.3%	33.3% #4FD385	RGB 79 211 133	#4FD385
50.0%	50.0% #76DE8A	RGB 118 222 138	#76DE8A
66.7%	66.7% #9EE990	RGB 158 233 144	#9EE990
83.3%	83.3% #C5F495	RGB 197 244 149	#C5F495
100.0%	100.0% #EDFF9B	RGB 237 255 155	#EDFF9B

#00BE7A #27C87F #4FD385 #76DE8A #9EE990 #C5F495 #EDFF9B

#00BE7A - #EDFF9B

Mezcla HSV

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

0.0%	0.0% #00BE7A	RGB 0 190 122	#00BE7A
16.7%	16.7% #14C85C	RGB 20 200 92	#14C85C
33.3%	33.3% #2AD345	RGB 42 211 69	#2AD345
50.0%	50.0% #51DE43	RGB 81 222 67	#51DE43
66.7%	66.7% #8CE95E	RGB 140 233 94	#8CE95E
83.3%	83.3% #C1F47B	RGB 193 244 123	#C1F47B
100.0%	100.0% #EDFF9B	RGB 237 255 155	#EDFF9B

#00BE7A #14C85C #2AD345 #51DE43 #8CE95E #C1F47B #EDFF9B

#00BE7A - #51DE43 - #EDFF9B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BE7A 0%, #51DE43 50%, #EDFF9B 100%);
    background: -webkit-linear-gradient(top, #00BE7A 0%, #51DE43 50%, #EDFF9B 100%);
    background: linear-gradient(to bottom, #00BE7A 0%, #51DE43 50%, #EDFF9B 100%);
}
</style>