#AFB8F0 - #5E64DA | 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 #AFB8F0 à #5E64DA

#AFB8F0 #5E64DA

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

#AFB8F0 - #5E64DA | 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 #AFB8F0 0% et #5E64DA 100%.

0.0%	0.0% #AFB8F0	RVB 175 184 240	#AFB8F0
16.7%	16.7% #A1AAEC	RVB 161 170 236	#A1AAEC
33.3%	33.3% #949CE8	RVB 148 156 232	#949CE8
50.0%	50.0% #868EE5	RVB 134 142 229	#868EE5
66.7%	66.7% #7980E1	RVB 121 128 225	#7980E1
83.3%	83.3% #6B72DD	RVB 107 114 221	#6B72DD
100.0%	100.0% #5E64DA	RVB 94 100 218	#5E64DA

#AFB8F0 #A1AAEC #949CE8 #868EE5 #7980E1 #6B72DD #5E64DA

#AFB8F0 - #5E64DA

Mélange HSV

#AFB8F0 - #5E64DA | 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 #AFB8F0 0% et #5E64DA 100%.

0.0%	0.0% #AFB8F0	RVB 175 184 240	#AFB8F0
16.7%	16.7% #A0A9EC	RVB 160 169 236	#A0A9EC
33.3%	33.3% #929BE8	RVB 146 155 232	#929BE8
50.0%	50.0% #848DE5	RVB 132 141 229	#848DE5
66.7%	66.7% #777FE1	RVB 119 127 225	#777FE1
83.3%	83.3% #6A71DD	RVB 106 113 221	#6A71DD
100.0%	100.0% #5E64DA	RVB 94 100 218	#5E64DA

#AFB8F0 #A0A9EC #929BE8 #848DE5 #777FE1 #6A71DD #5E64DA

#AFB8F0 - #848DE5 - #5E64DA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB8F0 0%, #848DE5 50%, #5E64DA 100%);
    background: -webkit-linear-gradient(top, #AFB8F0 0%, #848DE5 50%, #5E64DA 100%);
    background: linear-gradient(to bottom, #AFB8F0 0%, #848DE5 50%, #5E64DA 100%);
}
</style>