#5E2806 - #DF2D22 | 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 #5E2806 à #DF2D22

#5E2806 #DF2D22

Calculez la couleur entre deux couleurs, #5E2806 et #DF2D22. 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)

#5E2806 - #DF2D22 | 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 #5E2806 0% et #DF2D22 100%.

0.0%	0.0% #5E2806	RVB 94 40 6	#5E2806
16.7%	16.7% #73280A	RVB 115 40 10	#73280A
33.3%	33.3% #89290F	RVB 137 41 15	#89290F
50.0%	50.0% #9E2A14	RVB 158 42 20	#9E2A14
66.7%	66.7% #B42B18	RVB 180 43 24	#B42B18
83.3%	83.3% #C92C1D	RVB 201 44 29	#C92C1D
100.0%	100.0% #DF2D22	RVB 223 45 34	#DF2D22

#5E2806 #73280A #89290F #9E2A14 #B42B18 #C92C1D #DF2D22

#5E2806 - #DF2D22

Mélange HSV

#5E2806 - #DF2D22 | 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 #5E2806 0% et #DF2D22 100%.

0.0%	0.0% #5E2705	RVB 94 39 5	#5E2705
16.7%	16.7% #732C09	RVB 115 44 9	#732C09
33.3%	33.3% #892F0C	RVB 137 47 12	#892F0C
50.0%	50.0% #9E3011	RVB 158 48 17	#9E3011
66.7%	66.7% #B43016	RVB 180 48 22	#B43016
83.3%	83.3% #C92F1B	RVB 201 47 27	#C92F1B
100.0%	100.0% #DF2D22	RVB 223 45 34	#DF2D22

#5E2705 #732C09 #892F0C #9E3011 #B43016 #C92F1B #DF2D22

#5E2806 - #9E3011 - #DF2D22

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2705 0%, #9E3011 50%, #DF2D22 100%);
    background: -webkit-linear-gradient(top, #5E2705 0%, #9E3011 50%, #DF2D22 100%);
    background: linear-gradient(to bottom, #5E2705 0%, #9E3011 50%, #DF2D22 100%);
}
</style>