#AD4A8C - #6E003B | 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 #AD4A8C à #6E003B

#AD4A8C #6E003B

Calculez la couleur entre deux couleurs, #AD4A8C et #6E003B. 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)

#AD4A8C - #6E003B | 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 #AD4A8C 0% et #6E003B 100%.

0.0%	0.0% #AD4A8C	RVB 173 74 140	#AD4A8C
16.7%	16.7% #A23D7E	RVB 162 61 126	#A23D7E
33.3%	33.3% #983171	RVB 152 49 113	#983171
50.0%	50.0% #8D2563	RVB 141 37 99	#8D2563
66.7%	66.7% #831856	RVB 131 24 86	#831856
83.3%	83.3% #780C48	RVB 120 12 72	#780C48
100.0%	100.0% #6E003B	RVB 110 0 59	#6E003B

#AD4A8C #A23D7E #983171 #8D2563 #831856 #780C48 #6E003B

#AD4A8C - #6E003B

Mélange HSV

#AD4A8C - #6E003B | 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 #AD4A8C 0% et #6E003B 100%.

0.0%	0.0% #AD4A8C	RVB 173 74 140	#AD4A8C
16.7%	16.7% #A2397D	RVB 162 57 125	#A2397D
33.3%	33.3% #982B6F	RVB 152 43 111	#982B6F
50.0%	50.0% #8D1E61	RVB 141 30 97	#8D1E61
66.7%	66.7% #831253	RVB 131 18 83	#831253
83.3%	83.3% #780847	RVB 120 8 71	#780847
100.0%	100.0% #6E003B	RVB 110 0 59	#6E003B

#AD4A8C #A2397D #982B6F #8D1E61 #831253 #780847 #6E003B

#AD4A8C - #8D1E61 - #6E003B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD4A8C 0%, #8D1E61 50%, #6E003B 100%);
    background: -webkit-linear-gradient(top, #AD4A8C 0%, #8D1E61 50%, #6E003B 100%);
    background: linear-gradient(to bottom, #AD4A8C 0%, #8D1E61 50%, #6E003B 100%);
}
</style>