#2FBC89 - #E6F79A | 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 #2FBC89 a #E6F79A

#2FBC89 #E6F79A

Calcule el color entre dos colores, #2FBC89 y #E6F79A. 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)

#2FBC89 - #E6F79A | 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 #2FBC89 como 0% y #E6F79A como 100%.

0.0%	0.0% #2FBC89	RGB 47 188 137	#2FBC89
16.7%	16.7% #4DC58B	RGB 77 197 139	#4DC58B
33.3%	33.3% #6CCF8E	RGB 108 207 142	#6CCF8E
50.0%	50.0% #8AD991	RGB 138 217 145	#8AD991
66.7%	66.7% #A9E394	RGB 169 227 148	#A9E394
83.3%	83.3% #C7ED97	RGB 199 237 151	#C7ED97
100.0%	100.0% #E6F79A	RGB 230 247 154	#E6F79A

#2FBC89 #4DC58B #6CCF8E #8AD991 #A9E394 #C7ED97 #E6F79A

#2FBC89 - #E6F79A

Mezcla HSV

#2FBC89 - #E6F79A | 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 #2FBC89 como 0% y #E6F79A como 100%.

0.0%	0.0% #2FBC89	RGB 47 188 137	#2FBC89
16.7%	16.7% #3DC573	RGB 61 197 115	#3DC573
33.3%	33.3% #4DCF61	RGB 77 207 97	#4DCF61
50.0%	50.0% #69D95E	RGB 105 217 94	#69D95E
66.7%	66.7% #97E371	RGB 151 227 113	#97E371
83.3%	83.3% #C0ED85	RGB 192 237 133	#C0ED85
100.0%	100.0% #E6F79A	RGB 230 247 154	#E6F79A

#2FBC89 #3DC573 #4DCF61 #69D95E #97E371 #C0ED85 #E6F79A

#2FBC89 - #69D95E - #E6F79A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FBC89 0%, #69D95E 50%, #E6F79A 100%);
    background: -webkit-linear-gradient(top, #2FBC89 0%, #69D95E 50%, #E6F79A 100%);
    background: linear-gradient(to bottom, #2FBC89 0%, #69D95E 50%, #E6F79A 100%);
}
</style>