#FF5C29 - #8D1B05 | 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 #FF5C29 à #8D1B05

#FF5C29 #8D1B05

Calculez la couleur entre deux couleurs, #FF5C29 et #8D1B05. 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)

#FF5C29 - #8D1B05 | 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 #FF5C29 0% et #8D1B05 100%.

0.0%	0.0% #FF5C29	RVB 255 92 41	#FF5C29
16.7%	16.7% #EC5123	RVB 236 81 35	#EC5123
33.3%	33.3% #D9461D	RVB 217 70 29	#D9461D
50.0%	50.0% #C63B17	RVB 198 59 23	#C63B17
66.7%	66.7% #B33010	RVB 179 48 16	#B33010
83.3%	83.3% #A0250B	RVB 160 37 11	#A0250B
100.0%	100.0% #8D1B05	RVB 141 27 5	#8D1B05

#FF5C29 #EC5123 #D9461D #C63B17 #B33010 #A0250B #8D1B05

#FF5C29 - #8D1B05

Mélange HSV

#FF5C29 - #8D1B05 | 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 #FF5C29 0% et #8D1B05 100%.

0.0%	0.0% #FF5C28	RVB 255 92 40	#FF5C28
16.7%	16.7% #EC4E21	RVB 236 78 33	#EC4E21
33.3%	33.3% #D94219	RVB 217 66 25	#D94219
50.0%	50.0% #C63713	RVB 198 55 19	#C63713
66.7%	66.7% #B32C0D	RVB 179 44 13	#B32C0D
83.3%	83.3% #A02309	RVB 160 35 9	#A02309
100.0%	100.0% #8D1B05	RVB 141 27 5	#8D1B05

#FF5C28 #EC4E21 #D94219 #C63713 #B32C0D #A02309 #8D1B05

#FF5C29 - #C63713 - #8D1B05

Codes CSS

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

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