#FF5E10 - #FCAF17 | 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 #FF5E10 à #FCAF17

#FF5E10 #FCAF17

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

#FF5E10 - #FCAF17 | 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 #FF5E10 0% et #FCAF17 100%.

0.0%	0.0% #FF5E10	RVB 255 94 16	#FF5E10
16.7%	16.7% #FE6B11	RVB 254 107 17	#FE6B11
33.3%	33.3% #FE7912	RVB 254 121 18	#FE7912
50.0%	50.0% #FD8613	RVB 253 134 19	#FD8613
66.7%	66.7% #FD9414	RVB 253 148 20	#FD9414
83.3%	83.3% #FCA115	RVB 252 161 21	#FCA115
100.0%	100.0% #FCAF17	RVB 252 175 23	#FCAF17

#FF5E10 #FE6B11 #FE7912 #FD8613 #FD9414 #FCA115 #FCAF17

#FF5E10 - #FCAF17

Mélange HSV

#FF5E10 - #FCAF17 | 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 #FF5E10 0% et #FCAF17 100%.

0.0%	0.0% #FF5E0F	RVB 255 94 15	#FF5E0F
16.7%	16.7% #FE6B11	RVB 254 107 17	#FE6B11
33.3%	33.3% #FE7912	RVB 254 121 18	#FE7912
50.0%	50.0% #FD8713	RVB 253 135 19	#FD8713
66.7%	66.7% #FD9414	RVB 253 148 20	#FD9414
83.3%	83.3% #FCA115	RVB 252 161 21	#FCA115
100.0%	100.0% #FCAF17	RVB 252 175 23	#FCAF17

#FF5E0F #FE6B11 #FE7912 #FD8713 #FD9414 #FCA115 #FCAF17

#FF5E10 - #FD8713 - #FCAF17

Codes CSS

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

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