#24A57E - #C0E5D9 | 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 #24A57E a #C0E5D9

#24A57E #C0E5D9

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

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

0.0%	0.0% #24A57E	RGB 36 165 126	#24A57E
16.7%	16.7% #3EAF8D	RGB 62 175 141	#3EAF8D
33.3%	33.3% #58BA9C	RGB 88 186 156	#58BA9C
50.0%	50.0% #72C5AB	RGB 114 197 171	#72C5AB
66.7%	66.7% #8CCFBA	RGB 140 207 186	#8CCFBA
83.3%	83.3% #A6DAC9	RGB 166 218 201	#A6DAC9
100.0%	100.0% #C0E5D9	RGB 192 229 217	#C0E5D9

#24A57E #3EAF8D #58BA9C #72C5AB #8CCFBA #A6DAC9 #C0E5D9

#24A57E - #C0E5D9

Mezcla HSV

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

0.0%	0.0% #24A57E	RGB 36 165 126	#24A57E
16.7%	16.7% #38AF8B	RGB 56 175 139	#38AF8B
33.3%	33.3% #4FBA99	RGB 79 186 153	#4FBA99
50.0%	50.0% #68C5A7	RGB 104 197 167	#68C5A7
66.7%	66.7% #83CFB7	RGB 131 207 183	#83CFB7
83.3%	83.3% #A0DAC7	RGB 160 218 199	#A0DAC7
100.0%	100.0% #C0E5D9	RGB 192 229 217	#C0E5D9

#24A57E #38AF8B #4FBA99 #68C5A7 #83CFB7 #A0DAC7 #C0E5D9

#24A57E - #68C5A7 - #C0E5D9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #24A57E 0%, #68C5A7 50%, #C0E5D9 100%);
    background: -webkit-linear-gradient(top, #24A57E 0%, #68C5A7 50%, #C0E5D9 100%);
    background: linear-gradient(to bottom, #24A57E 0%, #68C5A7 50%, #C0E5D9 100%);
}
</style>