#FF8B5E - #DF411B | 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 #FF8B5E à #DF411B

#FF8B5E #DF411B

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

#FF8B5E - #DF411B | 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 #FF8B5E 0% et #DF411B 100%.

0.0%	0.0% #FF8B5E	RVB 255 139 94	#FF8B5E
16.7%	16.7% #F97E52	RVB 249 126 82	#F97E52
33.3%	33.3% #F47247	RVB 244 114 71	#F47247
50.0%	50.0% #EF663C	RVB 239 102 60	#EF663C
66.7%	66.7% #E95931	RVB 233 89 49	#E95931
83.3%	83.3% #E44D26	RVB 228 77 38	#E44D26
100.0%	100.0% #DF411B	RVB 223 65 27	#DF411B

#FF8B5E #F97E52 #F47247 #EF663C #E95931 #E44D26 #DF411B

#FF8B5E - #DF411B

Mélange HSV

#FF8B5E - #DF411B | 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 #FF8B5E 0% et #DF411B 100%.

0.0%	0.0% #FF8B5D	RVB 255 139 93	#FF8B5D
16.7%	16.7% #F97E51	RVB 249 126 81	#F97E51
33.3%	33.3% #F47145	RVB 244 113 69	#F47145
50.0%	50.0% #EF653A	RVB 239 101 58	#EF653A
66.7%	66.7% #E9582F	RVB 233 88 47	#E9582F
83.3%	83.3% #E44C25	RVB 228 76 37	#E44C25
100.0%	100.0% #DF411B	RVB 223 65 27	#DF411B

#FF8B5D #F97E51 #F47145 #EF653A #E9582F #E44C25 #DF411B

#FF8B5E - #EF653A - #DF411B

Codes CSS

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

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