#5E002B - #AC2D44 | 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 #5E002B à #AC2D44

#5E002B #AC2D44

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

#5E002B - #AC2D44 | 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 #5E002B 0% et #AC2D44 100%.

0.0%	0.0% #5E002B	RVB 94 0 43	#5E002B
16.7%	16.7% #6B072F	RVB 107 7 47	#6B072F
33.3%	33.3% #780F33	RVB 120 15 51	#780F33
50.0%	50.0% #851637	RVB 133 22 55	#851637
66.7%	66.7% #921E3B	RVB 146 30 59	#921E3B
83.3%	83.3% #9F253F	RVB 159 37 63	#9F253F
100.0%	100.0% #AC2D44	RVB 172 45 68	#AC2D44

#5E002B #6B072F #780F33 #851637 #921E3B #9F253F #AC2D44

#5E002B - #AC2D44

Mélange HSV

#5E002B - #AC2D44 | 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 #5E002B 0% et #AC2D44 100%.

0.0%	0.0% #5E002B	RVB 94 0 43	#5E002B
16.7%	16.7% #6B042E	RVB 107 4 46	#6B042E
33.3%	33.3% #780A32	RVB 120 10 50	#780A32
50.0%	50.0% #851136	RVB 133 17 54	#851136
66.7%	66.7% #92193A	RVB 146 25 58	#92193A
83.3%	83.3% #9F223E	RVB 159 34 62	#9F223E
100.0%	100.0% #AC2D44	RVB 172 45 68	#AC2D44

#5E002B #6B042E #780A32 #851136 #92193A #9F223E #AC2D44

#5E002B - #851136 - #AC2D44

Codes CSS

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

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