#7EE9A2 - #24BD71 | 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 #7EE9A2 a #24BD71

#7EE9A2 #24BD71

Calcule el color entre dos colores, #7EE9A2 y #24BD71. 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)

#7EE9A2 - #24BD71 | 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 #7EE9A2 como 0% y #24BD71 como 100%.

0.0%	0.0% #7EE9A2	RGB 126 233 162	#7EE9A2
16.7%	16.7% #6FE199	RGB 111 225 153	#6FE199
33.3%	33.3% #60DA91	RGB 96 218 145	#60DA91
50.0%	50.0% #51D389	RGB 81 211 137	#51D389
66.7%	66.7% #42CB81	RGB 66 203 129	#42CB81
83.3%	83.3% #33C479	RGB 51 196 121	#33C479
100.0%	100.0% #24BD71	RGB 36 189 113	#24BD71

#7EE9A2 #6FE199 #60DA91 #51D389 #42CB81 #33C479 #24BD71

#7EE9A2 - #24BD71

Mezcla HSV

#7EE9A2 - #24BD71 | 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 #7EE9A2 como 0% y #24BD71 como 100%.

0.0%	0.0% #7EE9A2	RGB 126 233 162	#7EE9A2
16.7%	16.7% #6CE197	RGB 108 225 151	#6CE197
33.3%	33.3% #5CDA8D	RGB 92 218 141	#5CDA8D
50.0%	50.0% #4DD385	RGB 77 211 133	#4DD385
66.7%	66.7% #3ECB7D	RGB 62 203 125	#3ECB7D
83.3%	83.3% #30C476	RGB 48 196 118	#30C476
100.0%	100.0% #24BD71	RGB 36 189 113	#24BD71

#7EE9A2 #6CE197 #5CDA8D #4DD385 #3ECB7D #30C476 #24BD71

#7EE9A2 - #4DD385 - #24BD71

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EE9A2 0%, #4DD385 50%, #24BD71 100%);
    background: -webkit-linear-gradient(top, #7EE9A2 0%, #4DD385 50%, #24BD71 100%);
    background: linear-gradient(to bottom, #7EE9A2 0%, #4DD385 50%, #24BD71 100%);
}
</style>