#FF0211 - #480004 | 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 #FF0211 à #480004

#FF0211 #480004

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

#FF0211 - #480004 | 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 #FF0211 0% et #480004 100%.

0.0%	0.0% #FF0211	RVB 255 2 17	#FF0211
16.7%	16.7% #E0010E	RVB 224 1 14	#E0010E
33.3%	33.3% #C2010C	RVB 194 1 12	#C2010C
50.0%	50.0% #A3010A	RVB 163 1 10	#A3010A
66.7%	66.7% #840008	RVB 132 0 8	#840008
83.3%	83.3% #660006	RVB 102 0 6	#660006
100.0%	100.0% #480004	RVB 72 0 4	#480004

#FF0211 #E0010E #C2010C #A3010A #840008 #660006 #480004

#FF0211 - #480004

Mélange HSV

#FF0211 - #480004 | 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 #FF0211 0% et #480004 100%.

0.0%	0.0% #FF0111	RVB 255 1 17	#FF0111
16.7%	16.7% #E0010E	RVB 224 1 14	#E0010E
33.3%	33.3% #C2010C	RVB 194 1 12	#C2010C
50.0%	50.0% #A30009	RVB 163 0 9	#A30009
66.7%	66.7% #840007	RVB 132 0 7	#840007
83.3%	83.3% #660005	RVB 102 0 5	#660005
100.0%	100.0% #480004	RVB 72 0 4	#480004

#FF0111 #E0010E #C2010C #A30009 #840007 #660005 #480004

#FF0211 - #A30009 - #480004

Codes CSS

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

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