#AB5E5E - #831A24 | 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 #AB5E5E à #831A24

#AB5E5E #831A24

Calculez la couleur entre deux couleurs, #AB5E5E et #831A24. 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)

#AB5E5E - #831A24 | 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 #AB5E5E 0% et #831A24 100%.

0.0%	0.0% #AB5E5E	RVB 171 94 94	#AB5E5E
16.7%	16.7% #A45254	RVB 164 82 84	#A45254
33.3%	33.3% #9D474A	RVB 157 71 74	#9D474A
50.0%	50.0% #973C41	RVB 151 60 65	#973C41
66.7%	66.7% #903037	RVB 144 48 55	#903037
83.3%	83.3% #89252D	RVB 137 37 45	#89252D
100.0%	100.0% #831A24	RVB 131 26 36	#831A24

#AB5E5E #A45254 #9D474A #973C41 #903037 #89252D #831A24

#AB5E5E - #831A24

Mélange HSV

#AB5E5E - #831A24 | 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 #AB5E5E 0% et #831A24 100%.

0.0%	0.0% #AB5E5E	RVB 171 94 94	#AB5E5E
16.7%	16.7% #A45052	RVB 164 80 82	#A45052
33.3%	33.3% #9D4447	RVB 157 68 71	#9D4447
50.0%	50.0% #97383C	RVB 151 56 60	#97383C
66.7%	66.7% #902D33	RVB 144 45 51	#902D33
83.3%	83.3% #89232B	RVB 137 35 43	#89232B
100.0%	100.0% #831A24	RVB 131 26 36	#831A24

#AB5E5E #A45052 #9D4447 #97383C #902D33 #89232B #831A24

#AB5E5E - #97383C - #831A24

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB5E5E 0%, #97383C 50%, #831A24 100%);
    background: -webkit-linear-gradient(top, #AB5E5E 0%, #97383C 50%, #831A24 100%);
    background: linear-gradient(to bottom, #AB5E5E 0%, #97383C 50%, #831A24 100%);
}
</style>