#FF2F01 - #A2190B | 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 #FF2F01 à #A2190B

#FF2F01 #A2190B

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

#FF2F01 - #A2190B | 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 #FF2F01 0% et #A2190B 100%.

0.0%	0.0% #FF2F01	RVB 255 47 1	#FF2F01
16.7%	16.7% #EF2B02	RVB 239 43 2	#EF2B02
33.3%	33.3% #E02704	RVB 224 39 4	#E02704
50.0%	50.0% #D02406	RVB 208 36 6	#D02406
66.7%	66.7% #C12007	RVB 193 32 7	#C12007
83.3%	83.3% #B11C09	RVB 177 28 9	#B11C09
100.0%	100.0% #A2190B	RVB 162 25 11	#A2190B

#FF2F01 #EF2B02 #E02704 #D02406 #C12007 #B11C09 #A2190B

#FF2F01 - #A2190B

Mélange HSV

#FF2F01 - #A2190B | 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 #FF2F01 0% et #A2190B 100%.

0.0%	0.0% #FF2F00	RVB 255 47 0	#FF2F00
16.7%	16.7% #EF2A03	RVB 239 42 3	#EF2A03
33.3%	33.3% #E02605	RVB 224 38 5	#E02605
50.0%	50.0% #D02307	RVB 208 35 7	#D02307
66.7%	66.7% #C11F08	RVB 193 31 8	#C11F08
83.3%	83.3% #B11C0A	RVB 177 28 10	#B11C0A
100.0%	100.0% #A2190B	RVB 162 25 11	#A2190B

#FF2F00 #EF2A03 #E02605 #D02307 #C11F08 #B11C0A #A2190B

#FF2F01 - #D02307 - #A2190B

Codes CSS

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

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