#E9FD5E - #FBF9A1 | 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 #E9FD5E a #FBF9A1

#E9FD5E #FBF9A1

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

#E9FD5E - #FBF9A1 | 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 #E9FD5E como 0% y #FBF9A1 como 100%.

0.0%	0.0% #E9FD5E	RGB 233 253 94	#E9FD5E
16.7%	16.7% #ECFC69	RGB 236 252 105	#ECFC69
33.3%	33.3% #EFFB74	RGB 239 251 116	#EFFB74
50.0%	50.0% #F2FB7F	RGB 242 251 127	#F2FB7F
66.7%	66.7% #F5FA8A	RGB 245 250 138	#F5FA8A
83.3%	83.3% #F8F995	RGB 248 249 149	#F8F995
100.0%	100.0% #FBF9A1	RGB 251 249 161	#FBF9A1

#E9FD5E #ECFC69 #EFFB74 #F2FB7F #F5FA8A #F8F995 #FBF9A1

#E9FD5E - #FBF9A1

Mezcla HSV

#E9FD5E - #FBF9A1 | 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 #E9FD5E como 0% y #FBF9A1 como 100%.

0.0%	0.0% #E9FD5E	RGB 233 253 94	#E9FD5E
16.7%	16.7% #EDFC69	RGB 237 252 105	#EDFC69
33.3%	33.3% #F1FC74	RGB 241 252 116	#F1FC74
50.0%	50.0% #F5FC7F	RGB 245 252 127	#F5FC7F
66.7%	66.7% #F8FB8A	RGB 248 251 138	#F8FB8A
83.3%	83.3% #FBFB95	RGB 251 251 149	#FBFB95
100.0%	100.0% #FBF9A1	RGB 251 249 161	#FBF9A1

#E9FD5E #EDFC69 #F1FC74 #F5FC7F #F8FB8A #FBFB95 #FBF9A1

#E9FD5E - #F5FC7F - #FBF9A1

Códigos CSS

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

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