#5E3E49 - #AF65B9 | 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 #5E3E49 à #AF65B9

#5E3E49 #AF65B9

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

#5E3E49 - #AF65B9 | 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 #5E3E49 0% et #AF65B9 100%.

0.0%	0.0% #5E3E49	RVB 94 62 73	#5E3E49
16.7%	16.7% #6B445B	RVB 107 68 91	#6B445B
33.3%	33.3% #794B6E	RVB 121 75 110	#794B6E
50.0%	50.0% #865181	RVB 134 81 129	#865181
66.7%	66.7% #945893	RVB 148 88 147	#945893
83.3%	83.3% #A15EA6	RVB 161 94 166	#A15EA6
100.0%	100.0% #AF65B9	RVB 175 101 185	#AF65B9

#5E3E49 #6B445B #794B6E #865181 #945893 #A15EA6 #AF65B9

#5E3E49 - #AF65B9

Mélange HSV

#5E3E49 - #AF65B9 | 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 #5E3E49 0% et #AF65B9 100%.

0.0%	0.0% #5E3E49	RVB 94 62 73	#5E3E49
16.7%	16.7% #6D4558	RVB 109 69 88	#6D4558
33.3%	33.3% #7C4D69	RVB 124 77 105	#7C4D69
50.0%	50.0% #8B547C	RVB 139 84 124	#8B547C
66.7%	66.7% #9A5A91	RVB 154 90 145	#9A5A91
83.3%	83.3% #A95FA9	RVB 169 95 169	#A95FA9
100.0%	100.0% #AF65B9	RVB 175 101 185	#AF65B9

#5E3E49 #6D4558 #7C4D69 #8B547C #9A5A91 #A95FA9 #AF65B9

#5E3E49 - #8B547C - #AF65B9

Codes CSS

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

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