#E9FD5E - #FBF9A1 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #E9FD5E à #FBF9A1

#E9FD5E #FBF9A1

Calculez la couleur entre deux couleurs, #E9FD5E et #FBF9A1. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#E9FD5E - #FBF9A1 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #E9FD5E 0% et #FBF9A1 100%.

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

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

#E9FD5E - #FBF9A1

Mélange HSV

#E9FD5E - #FBF9A1 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #E9FD5E 0% et #FBF9A1 100%.

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

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

#E9FD5E - #F5FC7F - #FBF9A1

Codes 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>