#5E5EDF - #8AAAF6 | 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 #5E5EDF à #8AAAF6

#5E5EDF #8AAAF6

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

#5E5EDF - #8AAAF6 | 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 #5E5EDF 0% et #8AAAF6 100%.

0.0%	0.0% #5E5EDF	RVB 94 94 223	#5E5EDF
16.7%	16.7% #656AE2	RVB 101 106 226	#656AE2
33.3%	33.3% #6C77E6	RVB 108 119 230	#6C77E6
50.0%	50.0% #7484EA	RVB 116 132 234	#7484EA
66.7%	66.7% #7B90EE	RVB 123 144 238	#7B90EE
83.3%	83.3% #829DF2	RVB 130 157 242	#829DF2
100.0%	100.0% #8AAAF6	RVB 138 170 246	#8AAAF6

#5E5EDF #656AE2 #6C77E6 #7484EA #7B90EE #829DF2 #8AAAF6

#5E5EDF - #8AAAF6

Mélange HSV

#5E5EDF - #8AAAF6 | 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 #5E5EDF 0% et #8AAAF6 100%.

0.0%	0.0% #5E5EDF	RVB 94 94 223	#5E5EDF
16.7%	16.7% #646BE2	RVB 100 107 226	#646BE2
33.3%	33.3% #6B78E6	RVB 107 120 230	#6B78E6
50.0%	50.0% #7384EA	RVB 115 132 234	#7384EA
66.7%	66.7% #7A91EE	RVB 122 145 238	#7A91EE
83.3%	83.3% #829DF2	RVB 130 157 242	#829DF2
100.0%	100.0% #8AAAF6	RVB 138 170 246	#8AAAF6

#5E5EDF #646BE2 #6B78E6 #7384EA #7A91EE #829DF2 #8AAAF6

#5E5EDF - #7384EA - #8AAAF6

Codes CSS

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

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