#5E99EB - #8DFFFE | 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 #5E99EB à #8DFFFE

#5E99EB #8DFFFE

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

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

0.0%	0.0% #5E99EB	RVB 94 153 235	#5E99EB
16.7%	16.7% #65AAEE	RVB 101 170 238	#65AAEE
33.3%	33.3% #6DBBF1	RVB 109 187 241	#6DBBF1
50.0%	50.0% #75CCF4	RVB 117 204 244	#75CCF4
66.7%	66.7% #7DDDF7	RVB 125 221 247	#7DDDF7
83.3%	83.3% #85EEFA	RVB 133 238 250	#85EEFA
100.0%	100.0% #8DFFFE	RVB 141 255 254	#8DFFFE

#5E99EB #65AAEE #6DBBF1 #75CCF4 #7DDDF7 #85EEFA #8DFFFE

#5E99EB - #8DFFFE

Mélange HSV

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

0.0%	0.0% #5E99EB	RVB 94 153 235	#5E99EB
16.7%	16.7% #65ACEE	RVB 101 172 238	#65ACEE
33.3%	33.3% #6CBEF1	RVB 108 190 241	#6CBEF1
50.0%	50.0% #74D0F5	RVB 116 208 245	#74D0F5
66.7%	66.7% #7CE1F8	RVB 124 225 248	#7CE1F8
83.3%	83.3% #84F1FB	RVB 132 241 251	#84F1FB
100.0%	100.0% #8DFFFE	RVB 141 255 254	#8DFFFE

#5E99EB #65ACEE #6CBEF1 #74D0F5 #7CE1F8 #84F1FB #8DFFFE

#5E99EB - #74D0F5 - #8DFFFE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E99EB 0%, #74D0F5 50%, #8DFFFE 100%);
    background: -webkit-linear-gradient(top, #5E99EB 0%, #74D0F5 50%, #8DFFFE 100%);
    background: linear-gradient(to bottom, #5E99EB 0%, #74D0F5 50%, #8DFFFE 100%);
}
</style>