#E2FF87 - #EEFCDF | 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 #E2FF87 a #EEFCDF

#E2FF87 #EEFCDF

Calcule el color entre dos colores, #E2FF87 y #EEFCDF. 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)

#E2FF87 - #EEFCDF | 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 #E2FF87 como 0% y #EEFCDF como 100%.

0.0%	0.0% #E2FF87	RGB 226 255 135	#E2FF87
16.7%	16.7% #E4FE95	RGB 228 254 149	#E4FE95
33.3%	33.3% #E6FEA4	RGB 230 254 164	#E6FEA4
50.0%	50.0% #E8FDB3	RGB 232 253 179	#E8FDB3
66.7%	66.7% #EAFDC1	RGB 234 253 193	#EAFDC1
83.3%	83.3% #ECFCD0	RGB 236 252 208	#ECFCD0
100.0%	100.0% #EEFCDF	RGB 238 252 223	#EEFCDF

#E2FF87 #E4FE95 #E6FEA4 #E8FDB3 #EAFDC1 #ECFCD0 #EEFCDF

#E2FF87 - #EEFCDF

Mezcla HSV

#E2FF87 - #EEFCDF | 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 #E2FF87 como 0% y #EEFCDF como 100%.

0.0%	0.0% #E2FF87	RGB 226 255 135	#E2FF87
16.7%	16.7% #E0FE95	RGB 224 254 149	#E0FE95
33.3%	33.3% #E1FEA4	RGB 225 254 164	#E1FEA4
50.0%	50.0% #E2FDB3	RGB 226 253 179	#E2FDB3
66.7%	66.7% #E5FDC1	RGB 229 253 193	#E5FDC1
83.3%	83.3% #E9FCD0	RGB 233 252 208	#E9FCD0
100.0%	100.0% #EEFCDF	RGB 238 252 223	#EEFCDF

#E2FF87 #E0FE95 #E1FEA4 #E2FDB3 #E5FDC1 #E9FCD0 #EEFCDF

#E2FF87 - #E2FDB3 - #EEFCDF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2FF87 0%, #E2FDB3 50%, #EEFCDF 100%);
    background: -webkit-linear-gradient(top, #E2FF87 0%, #E2FDB3 50%, #EEFCDF 100%);
    background: linear-gradient(to bottom, #E2FF87 0%, #E2FDB3 50%, #EEFCDF 100%);
}
</style>