#24D5D7 - #EEFBCE | 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 #24D5D7 a #EEFBCE

#24D5D7 #EEFBCE

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

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

0.0%	0.0% #24D5D7	RGB 36 213 215	#24D5D7
16.7%	16.7% #45DBD5	RGB 69 219 213	#45DBD5
33.3%	33.3% #67E1D4	RGB 103 225 212	#67E1D4
50.0%	50.0% #89E8D2	RGB 137 232 210	#89E8D2
66.7%	66.7% #AAEED1	RGB 170 238 209	#AAEED1
83.3%	83.3% #CCF4CF	RGB 204 244 207	#CCF4CF
100.0%	100.0% #EEFBCE	RGB 238 251 206	#EEFBCE

#24D5D7 #45DBD5 #67E1D4 #89E8D2 #AAEED1 #CCF4CF #EEFBCE

#24D5D7 - #EEFBCE

Mezcla HSV

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

0.0%	0.0% #23D5D7	RGB 35 213 215	#23D5D7
16.7%	16.7% #3DDDB0	RGB 61 221 176	#3DDDB0
33.3%	33.3% #57E394	RGB 87 227 148	#57E394
50.0%	50.0% #73E984	RGB 115 233 132	#73E984
66.7%	66.7% #9DEF90	RGB 157 239 144	#9DEF90
83.3%	83.3% #CCF5AE	RGB 204 245 174	#CCF5AE
100.0%	100.0% #EEFBCE	RGB 238 251 206	#EEFBCE

#23D5D7 #3DDDB0 #57E394 #73E984 #9DEF90 #CCF5AE #EEFBCE

#24D5D7 - #73E984 - #EEFBCE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #23D5D7 0%, #73E984 50%, #EEFBCE 100%);
    background: -webkit-linear-gradient(top, #23D5D7 0%, #73E984 50%, #EEFBCE 100%);
    background: linear-gradient(to bottom, #23D5D7 0%, #73E984 50%, #EEFBCE 100%);
}
</style>