#F8FF5E - #ECFAA6 | 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 #F8FF5E à #ECFAA6

#F8FF5E #ECFAA6

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

#F8FF5E - #ECFAA6 | 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 #F8FF5E 0% et #ECFAA6 100%.

0.0%	0.0% #F8FF5E	RVB 248 255 94	#F8FF5E
16.7%	16.7% #F6FE6A	RVB 246 254 106	#F6FE6A
33.3%	33.3% #F4FD76	RVB 244 253 118	#F4FD76
50.0%	50.0% #F2FC82	RVB 242 252 130	#F2FC82
66.7%	66.7% #F0FB8E	RVB 240 251 142	#F0FB8E
83.3%	83.3% #EEFA9A	RVB 238 250 154	#EEFA9A
100.0%	100.0% #ECFAA6	RVB 236 250 166	#ECFAA6

#F8FF5E #F6FE6A #F4FD76 #F2FC82 #F0FB8E #EEFA9A #ECFAA6

#F8FF5E - #ECFAA6

Mélange HSV

#F8FF5E - #ECFAA6 | 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 #F8FF5E 0% et #ECFAA6 100%.

0.0%	0.0% #F8FF5D	RVB 248 255 93	#F8FF5D
16.7%	16.7% #F4FE6A	RVB 244 254 106	#F4FE6A
33.3%	33.3% #F1FD76	RVB 241 253 118	#F1FD76
50.0%	50.0% #EFFC82	RVB 239 252 130	#EFFC82
66.7%	66.7% #EDFB8E	RVB 237 251 142	#EDFB8E
83.3%	83.3% #ECFA9A	RVB 236 250 154	#ECFA9A
100.0%	100.0% #ECFAA6	RVB 236 250 166	#ECFAA6

#F8FF5D #F4FE6A #F1FD76 #EFFC82 #EDFB8E #ECFA9A #ECFAA6

#F8FF5E - #EFFC82 - #ECFAA6

Codes CSS

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

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