#5EABDF - #8AEBF6 | 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 #5EABDF à #8AEBF6

#5EABDF #8AEBF6

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

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

0.0%	0.0% #5EABDF	RVB 94 171 223	#5EABDF
16.7%	16.7% #65B5E2	RVB 101 181 226	#65B5E2
33.3%	33.3% #6CC0E6	RVB 108 192 230	#6CC0E6
50.0%	50.0% #74CBEA	RVB 116 203 234	#74CBEA
66.7%	66.7% #7BD5EE	RVB 123 213 238	#7BD5EE
83.3%	83.3% #82E0F2	RVB 130 224 242	#82E0F2
100.0%	100.0% #8AEBF6	RVB 138 235 246	#8AEBF6

#5EABDF #65B5E2 #6CC0E6 #74CBEA #7BD5EE #82E0F2 #8AEBF6

#5EABDF - #8AEBF6

Mélange HSV

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

0.0%	0.0% #5EAADF	RVB 94 170 223	#5EAADF
16.7%	16.7% #64B6E2	RVB 100 182 226	#64B6E2
33.3%	33.3% #6BC1E6	RVB 107 193 230	#6BC1E6
50.0%	50.0% #73CCEA	RVB 115 204 234	#73CCEA
66.7%	66.7% #7AD6EE	RVB 122 214 238	#7AD6EE
83.3%	83.3% #82E1F2	RVB 130 225 242	#82E1F2
100.0%	100.0% #8AEBF6	RVB 138 235 246	#8AEBF6

#5EAADF #64B6E2 #6BC1E6 #73CCEA #7AD6EE #82E1F2 #8AEBF6

#5EABDF - #73CCEA - #8AEBF6

Codes CSS

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

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