#FDFF5E - #E6FAA8 | 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 #FDFF5E à #E6FAA8

#FDFF5E #E6FAA8

Calculez la couleur entre deux couleurs, #FDFF5E et #E6FAA8. 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)

#FDFF5E - #E6FAA8 | 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 #FDFF5E 0% et #E6FAA8 100%.

0.0%	0.0% #FDFF5E	RVB 253 255 94	#FDFF5E
16.7%	16.7% #F9FE6A	RVB 249 254 106	#F9FE6A
33.3%	33.3% #F5FD76	RVB 245 253 118	#F5FD76
50.0%	50.0% #F1FC83	RVB 241 252 131	#F1FC83
66.7%	66.7% #EDFB8F	RVB 237 251 143	#EDFB8F
83.3%	83.3% #E9FA9B	RVB 233 250 155	#E9FA9B
100.0%	100.0% #E6FAA8	RVB 230 250 168	#E6FAA8

#FDFF5E #F9FE6A #F5FD76 #F1FC83 #EDFB8F #E9FA9B #E6FAA8

#FDFF5E - #E6FAA8

Mélange HSV

#FDFF5E - #E6FAA8 | 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 #FDFF5E 0% et #E6FAA8 100%.

0.0%	0.0% #FDFF5D	RVB 253 255 93	#FDFF5D
16.7%	16.7% #F6FE6A	RVB 246 254 106	#F6FE6A
33.3%	33.3% #F1FD77	RVB 241 253 119	#F1FD77
50.0%	50.0% #ECFC83	RVB 236 252 131	#ECFC83
66.7%	66.7% #E9FB8F	RVB 233 251 143	#E9FB8F
83.3%	83.3% #E7FA9B	RVB 231 250 155	#E7FA9B
100.0%	100.0% #E6FAA8	RVB 230 250 168	#E6FAA8

#FDFF5D #F6FE6A #F1FD77 #ECFC83 #E9FB8F #E7FA9B #E6FAA8

#FDFF5E - #ECFC83 - #E6FAA8

Codes CSS

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

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