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

#FF2F01 #FF8300

Calculez la couleur entre deux couleurs, #FF2F01 et #FF8300. 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 - #FF8300 | 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 #FF8300 100%.

0.0%	0.0% #FF2F01	RVB 255 47 1	#FF2F01
16.7%	16.7% #FF3D00	RVB 255 61 0	#FF3D00
33.3%	33.3% #FF4B00	RVB 255 75 0	#FF4B00
50.0%	50.0% #FF5900	RVB 255 89 0	#FF5900
66.7%	66.7% #FF6700	RVB 255 103 0	#FF6700
83.3%	83.3% #FF7500	RVB 255 117 0	#FF7500
100.0%	100.0% #FF8300	RVB 255 131 0	#FF8300

#FF2F01 #FF3D00 #FF4B00 #FF5900 #FF6700 #FF7500 #FF8300

#FF2F01 - #FF8300

Mélange HSV

#FF2F01 - #FF8300 | 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 #FF8300 100%.

0.0%	0.0% #FF2F00	RVB 255 47 0	#FF2F00
16.7%	16.7% #FF3C00	RVB 255 60 0	#FF3C00
33.3%	33.3% #FF4A00	RVB 255 74 0	#FF4A00
50.0%	50.0% #FF5800	RVB 255 88 0	#FF5800
66.7%	66.7% #FF6600	RVB 255 102 0	#FF6600
83.3%	83.3% #FF7400	RVB 255 116 0	#FF7400
100.0%	100.0% #FF8300	RVB 255 131 0	#FF8300

#FF2F00 #FF3C00 #FF4A00 #FF5800 #FF6600 #FF7400 #FF8300

#FF2F01 - #FF5800 - #FF8300

Codes CSS

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

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