#FF2632 - #FF8429 | 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 à #FF8429

#FF2632 #FF8429

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

0.0%	0.0% #FF2632	RVB 255 38 50	#FF2632
16.7%	16.7% #FF3530	RVB 255 53 48	#FF3530
33.3%	33.3% #FF452F	RVB 255 69 47	#FF452F
50.0%	50.0% #FF552D	RVB 255 85 45	#FF552D
66.7%	66.7% #FF642C	RVB 255 100 44	#FF642C
83.3%	83.3% #FF742A	RVB 255 116 42	#FF742A
100.0%	100.0% #FF8429	RVB 255 132 41	#FF8429

#FF2632 #FF3530 #FF452F #FF552D #FF642C #FF742A #FF8429

#FF2632 - #FF8429

Mélange HSV

#FF2632 - #FF8429 | 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 #FF8429 100%.

0.0%	0.0% #FF2532	RVB 255 37 50	#FF2532
16.7%	16.7% #FF2B26	RVB 255 43 38	#FF2B26
33.3%	33.3% #FF3D26	RVB 255 61 38	#FF3D26
50.0%	50.0% #FF4F27	RVB 255 79 39	#FF4F27
66.7%	66.7% #FF6027	RVB 255 96 39	#FF6027
83.3%	83.3% #FF7228	RVB 255 114 40	#FF7228
100.0%	100.0% #FF8429	RVB 255 132 41	#FF8429

#FF2532 #FF2B26 #FF3D26 #FF4F27 #FF6027 #FF7228 #FF8429

#FF2632 - #FF4F27 - #FF8429

Codes CSS

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

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