#AF5E7A - #5E2134 | 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 #AF5E7A à #5E2134

#AF5E7A #5E2134

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

#AF5E7A - #5E2134 | 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 #AF5E7A 0% et #5E2134 100%.

0.0%	0.0% #AF5E7A	RVB 175 94 122	#AF5E7A
16.7%	16.7% #A1536E	RVB 161 83 110	#A1536E
33.3%	33.3% #944962	RVB 148 73 98	#944962
50.0%	50.0% #863F57	RVB 134 63 87	#863F57
66.7%	66.7% #79354B	RVB 121 53 75	#79354B
83.3%	83.3% #6B2B3F	RVB 107 43 63	#6B2B3F
100.0%	100.0% #5E2134	RVB 94 33 52	#5E2134

#AF5E7A #A1536E #944962 #863F57 #79354B #6B2B3F #5E2134

#AF5E7A - #5E2134

Mélange HSV

#AF5E7A - #5E2134 | 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 #AF5E7A 0% et #5E2134 100%.

0.0%	0.0% #AF5E7A	RVB 175 94 122	#AF5E7A
16.7%	16.7% #A1516C	RVB 161 81 108	#A1516C
33.3%	33.3% #944660	RVB 148 70 96	#944660
50.0%	50.0% #863B54	RVB 134 59 84	#863B54
66.7%	66.7% #793148	RVB 121 49 72	#793148
83.3%	83.3% #6B293E	RVB 107 41 62	#6B293E
100.0%	100.0% #5E2134	RVB 94 33 52	#5E2134

#AF5E7A #A1516C #944660 #863B54 #793148 #6B293E #5E2134

#AF5E7A - #863B54 - #5E2134

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF5E7A 0%, #863B54 50%, #5E2134 100%);
    background: -webkit-linear-gradient(top, #AF5E7A 0%, #863B54 50%, #5E2134 100%);
    background: linear-gradient(to bottom, #AF5E7A 0%, #863B54 50%, #5E2134 100%);
}
</style>