#AB3E5E - #730C20 | 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 #AB3E5E à #730C20

#AB3E5E #730C20

Calculez la couleur entre deux couleurs, #AB3E5E et #730C20. 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)

#AB3E5E - #730C20 | 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 #AB3E5E 0% et #730C20 100%.

0.0%	0.0% #AB3E5E	RVB 171 62 94	#AB3E5E
16.7%	16.7% #A13553	RVB 161 53 83	#A13553
33.3%	33.3% #982D49	RVB 152 45 73	#982D49
50.0%	50.0% #8F253F	RVB 143 37 63	#8F253F
66.7%	66.7% #851C34	RVB 133 28 52	#851C34
83.3%	83.3% #7C142A	RVB 124 20 42	#7C142A
100.0%	100.0% #730C20	RVB 115 12 32	#730C20

#AB3E5E #A13553 #982D49 #8F253F #851C34 #7C142A #730C20

#AB3E5E - #730C20

Mélange HSV

#AB3E5E - #730C20 | 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 #AB3E5E 0% et #730C20 100%.

0.0%	0.0% #AB3E5D	RVB 171 62 93	#AB3E5D
16.7%	16.7% #A13352	RVB 161 51 82	#A13352
33.3%	33.3% #982A46	RVB 152 42 70	#982A46
50.0%	50.0% #8F213C	RVB 143 33 60	#8F213C
66.7%	66.7% #851932	RVB 133 25 50	#851932
83.3%	83.3% #7C1228	RVB 124 18 40	#7C1228
100.0%	100.0% #730C20	RVB 115 12 32	#730C20

#AB3E5D #A13352 #982A46 #8F213C #851932 #7C1228 #730C20

#AB3E5E - #8F213C - #730C20

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB3E5D 0%, #8F213C 50%, #730C20 100%);
    background: -webkit-linear-gradient(top, #AB3E5D 0%, #8F213C 50%, #730C20 100%);
    background: linear-gradient(to bottom, #AB3E5D 0%, #8F213C 50%, #730C20 100%);
}
</style>