#FF2632 - #480A0E | 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 #FF2632 à #480A0E

#FF2632 #480A0E

Calculez la couleur entre deux couleurs, #FF2632 et #480A0E. 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)

#FF2632 - #480A0E | 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 #FF2632 0% et #480A0E 100%.

0.0%	0.0% #FF2632	RVB 255 38 50	#FF2632
16.7%	16.7% #E0212C	RVB 224 33 44	#E0212C
33.3%	33.3% #C21C26	RVB 194 28 38	#C21C26
50.0%	50.0% #A31820	RVB 163 24 32	#A31820
66.7%	66.7% #84131A	RVB 132 19 26	#84131A
83.3%	83.3% #660E14	RVB 102 14 20	#660E14
100.0%	100.0% #480A0E	RVB 72 10 14	#480A0E

#FF2632 #E0212C #C21C26 #A31820 #84131A #660E14 #480A0E

#FF2632 - #480A0E

Mélange HSV

#FF2632 - #480A0E | 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 #FF2632 0% et #480A0E 100%.

0.0%	0.0% #FF2532	RVB 255 37 50	#FF2532
16.7%	16.7% #E0212B	RVB 224 33 43	#E0212B
33.3%	33.3% #C21C25	RVB 194 28 37	#C21C25
50.0%	50.0% #A3171F	RVB 163 23 31	#A3171F
66.7%	66.7% #841219	RVB 132 18 25	#841219
83.3%	83.3% #660E13	RVB 102 14 19	#660E13
100.0%	100.0% #480A0E	RVB 72 10 14	#480A0E

#FF2532 #E0212B #C21C25 #A3171F #841219 #660E13 #480A0E

#FF2632 - #A3171F - #480A0E

Codes CSS

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

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