#FF5E08 - #FBAD0D | 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 #FF5E08 à #FBAD0D

#FF5E08 #FBAD0D

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

#FF5E08 - #FBAD0D | 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 #FF5E08 0% et #FBAD0D 100%.

0.0%	0.0% #FF5E08	RVB 255 94 8	#FF5E08
16.7%	16.7% #FE6B08	RVB 254 107 8	#FE6B08
33.3%	33.3% #FD7809	RVB 253 120 9	#FD7809
50.0%	50.0% #FD850A	RVB 253 133 10	#FD850A
66.7%	66.7% #FC920B	RVB 252 146 11	#FC920B
83.3%	83.3% #FB9F0C	RVB 251 159 12	#FB9F0C
100.0%	100.0% #FBAD0D	RVB 251 173 13	#FBAD0D

#FF5E08 #FE6B08 #FD7809 #FD850A #FC920B #FB9F0C #FBAD0D

#FF5E08 - #FBAD0D

Mélange HSV

#FF5E08 - #FBAD0D | 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 #FF5E08 0% et #FBAD0D 100%.

0.0%	0.0% #FF5E07	RVB 255 94 7	#FF5E07
16.7%	16.7% #FE6B08	RVB 254 107 8	#FE6B08
33.3%	33.3% #FD7809	RVB 253 120 9	#FD7809
50.0%	50.0% #FD860A	RVB 253 134 10	#FD860A
66.7%	66.7% #FC930B	RVB 252 147 11	#FC930B
83.3%	83.3% #FBA00C	RVB 251 160 12	#FBA00C
100.0%	100.0% #FBAD0D	RVB 251 173 13	#FBAD0D

#FF5E07 #FE6B08 #FD7809 #FD860A #FC930B #FBA00C #FBAD0D

#FF5E08 - #FD860A - #FBAD0D

Codes CSS

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

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