#FF012F - #FF5E20 | 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 #FF012F à #FF5E20

#FF012F #FF5E20

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

#FF012F - #FF5E20 | 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 #FF012F 0% et #FF5E20 100%.

0.0%	0.0% #FF012F	RVB 255 1 47	#FF012F
16.7%	16.7% #FF102C	RVB 255 16 44	#FF102C
33.3%	33.3% #FF202A	RVB 255 32 42	#FF202A
50.0%	50.0% #FF2F27	RVB 255 47 39	#FF2F27
66.7%	66.7% #FF3F25	RVB 255 63 37	#FF3F25
83.3%	83.3% #FF4E22	RVB 255 78 34	#FF4E22
100.0%	100.0% #FF5E20	RVB 255 94 32	#FF5E20

#FF012F #FF102C #FF202A #FF2F27 #FF3F25 #FF4E22 #FF5E20

#FF012F - #FF5E20

Mélange HSV

#FF012F - #FF5E20 | 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 #FF012F 0% et #FF5E20 100%.

0.0%	0.0% #FF002F	RVB 255 0 47	#FF002F
16.7%	16.7% #FF0620	RVB 255 6 32	#FF0620
33.3%	33.3% #FF0B12	RVB 255 11 18	#FF0B12
50.0%	50.0% #FF1C10	RVB 255 28 16	#FF1C10
66.7%	66.7% #FF3215	RVB 255 50 21	#FF3215
83.3%	83.3% #FF481A	RVB 255 72 26	#FF481A
100.0%	100.0% #FF5E20	RVB 255 94 32	#FF5E20

#FF002F #FF0620 #FF0B12 #FF1C10 #FF3215 #FF481A #FF5E20

#FF012F - #FF1C10 - #FF5E20

Codes CSS

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

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