#AD5E8C - #73103C | 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 #AD5E8C à #73103C

#AD5E8C #73103C

Calculez la couleur entre deux couleurs, #AD5E8C et #73103C. 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)

#AD5E8C - #73103C | 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 #AD5E8C 0% et #73103C 100%.

0.0%	0.0% #AD5E8C	RVB 173 94 140	#AD5E8C
16.7%	16.7% #A3517E	RVB 163 81 126	#A3517E
33.3%	33.3% #994471	RVB 153 68 113	#994471
50.0%	50.0% #903764	RVB 144 55 100	#903764
66.7%	66.7% #862A56	RVB 134 42 86	#862A56
83.3%	83.3% #7C1D49	RVB 124 29 73	#7C1D49
100.0%	100.0% #73103C	RVB 115 16 60	#73103C

#AD5E8C #A3517E #994471 #903764 #862A56 #7C1D49 #73103C

#AD5E8C - #73103C

Mélange HSV

#AD5E8C - #73103C | 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 #AD5E8C 0% et #73103C 100%.

0.0%	0.0% #AD5E8C	RVB 173 94 140	#AD5E8C
16.7%	16.7% #A34D7D	RVB 163 77 125	#A34D7D
33.3%	33.3% #993E6F	RVB 153 62 111	#993E6F
50.0%	50.0% #903161	RVB 144 49 97	#903161
66.7%	66.7% #862454	RVB 134 36 84	#862454
83.3%	83.3% #7C1947	RVB 124 25 71	#7C1947
100.0%	100.0% #73103C	RVB 115 16 60	#73103C

#AD5E8C #A34D7D #993E6F #903161 #862454 #7C1947 #73103C

#AD5E8C - #903161 - #73103C

Codes CSS

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

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