#FF9F3A - #EDDD5E | 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 #FF9F3A à #EDDD5E

#FF9F3A #EDDD5E

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

#FF9F3A - #EDDD5E | 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 #FF9F3A 0% et #EDDD5E 100%.

0.0%	0.0% #FF9F3A	RVB 255 159 58	#FF9F3A
16.7%	16.7% #FCA940	RVB 252 169 64	#FCA940
33.3%	33.3% #F9B346	RVB 249 179 70	#F9B346
50.0%	50.0% #F6BE4C	RVB 246 190 76	#F6BE4C
66.7%	66.7% #F3C852	RVB 243 200 82	#F3C852
83.3%	83.3% #F0D258	RVB 240 210 88	#F0D258
100.0%	100.0% #EDDD5E	RVB 237 221 94	#EDDD5E

#FF9F3A #FCA940 #F9B346 #F6BE4C #F3C852 #F0D258 #EDDD5E

#FF9F3A - #EDDD5E

Mélange HSV

#FF9F3A - #EDDD5E | 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 #FF9F3A 0% et #EDDD5E 100%.

0.0%	0.0% #FF9F39	RVB 255 159 57	#FF9F39
16.7%	16.7% #FCAC40	RVB 252 172 64	#FCAC40
33.3%	33.3% #F9B846	RVB 249 184 70	#F9B846
50.0%	50.0% #F6C34C	RVB 246 195 76	#F6C34C
66.7%	66.7% #F3CC52	RVB 243 204 82	#F3CC52
83.3%	83.3% #F0D558	RVB 240 213 88	#F0D558
100.0%	100.0% #EDDD5E	RVB 237 221 94	#EDDD5E

#FF9F39 #FCAC40 #F9B846 #F6C34C #F3CC52 #F0D558 #EDDD5E

#FF9F3A - #F6C34C - #EDDD5E

Codes CSS

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

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