#5E85DF - #8ACBF6 | 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 #5E85DF à #8ACBF6

#5E85DF #8ACBF6

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

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

0.0%	0.0% #5E85DF	RVB 94 133 223	#5E85DF
16.7%	16.7% #6590E2	RVB 101 144 226	#6590E2
33.3%	33.3% #6C9CE6	RVB 108 156 230	#6C9CE6
50.0%	50.0% #74A8EA	RVB 116 168 234	#74A8EA
66.7%	66.7% #7BB3EE	RVB 123 179 238	#7BB3EE
83.3%	83.3% #82BFF2	RVB 130 191 242	#82BFF2
100.0%	100.0% #8ACBF6	RVB 138 203 246	#8ACBF6

#5E85DF #6590E2 #6C9CE6 #74A8EA #7BB3EE #82BFF2 #8ACBF6

#5E85DF - #8ACBF6

Mélange HSV

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

0.0%	0.0% #5E85DF	RVB 94 133 223	#5E85DF
16.7%	16.7% #6491E2	RVB 100 145 226	#6491E2
33.3%	33.3% #6B9DE6	RVB 107 157 230	#6B9DE6
50.0%	50.0% #73A9EA	RVB 115 169 234	#73A9EA
66.7%	66.7% #7AB4EE	RVB 122 180 238	#7AB4EE
83.3%	83.3% #82C0F2	RVB 130 192 242	#82C0F2
100.0%	100.0% #8ACBF6	RVB 138 203 246	#8ACBF6

#5E85DF #6491E2 #6B9DE6 #73A9EA #7AB4EE #82C0F2 #8ACBF6

#5E85DF - #73A9EA - #8ACBF6

Codes CSS

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

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