#5E1B05 - #AF4D19 | 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 #5E1B05 à #AF4D19

#5E1B05 #AF4D19

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

#5E1B05 - #AF4D19 | 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 #5E1B05 0% et #AF4D19 100%.

0.0%	0.0% #5E1B05	RVB 94 27 5	#5E1B05
16.7%	16.7% #6B2308	RVB 107 35 8	#6B2308
33.3%	33.3% #792B0B	RVB 121 43 11	#792B0B
50.0%	50.0% #86340F	RVB 134 52 15	#86340F
66.7%	66.7% #943C12	RVB 148 60 18	#943C12
83.3%	83.3% #A14415	RVB 161 68 21	#A14415
100.0%	100.0% #AF4D19	RVB 175 77 25	#AF4D19

#5E1B05 #6B2308 #792B0B #86340F #943C12 #A14415 #AF4D19

#5E1B05 - #AF4D19

Mélange HSV

#5E1B05 - #AF4D19 | 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 #5E1B05 0% et #AF4D19 100%.

0.0%	0.0% #5E1B04	RVB 94 27 4	#5E1B04
16.7%	16.7% #6B2107	RVB 107 33 7	#6B2107
33.3%	33.3% #79290A	RVB 121 41 10	#79290A
50.0%	50.0% #86310D	RVB 134 49 13	#86310D
66.7%	66.7% #943910	RVB 148 57 16	#943910
83.3%	83.3% #A14314	RVB 161 67 20	#A14314
100.0%	100.0% #AF4D19	RVB 175 77 25	#AF4D19

#5E1B04 #6B2107 #79290A #86310D #943910 #A14314 #AF4D19

#5E1B05 - #86310D - #AF4D19

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1B04 0%, #86310D 50%, #AF4D19 100%);
    background: -webkit-linear-gradient(top, #5E1B04 0%, #86310D 50%, #AF4D19 100%);
    background: linear-gradient(to bottom, #5E1B04 0%, #86310D 50%, #AF4D19 100%);
}
</style>