#5EECFF - #07ADE6 | 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 #5EECFF à #07ADE6

#5EECFF #07ADE6

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

#5EECFF - #07ADE6 | 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 #5EECFF 0% et #07ADE6 100%.

0.0%	0.0% #5EECFF	RVB 94 236 255	#5EECFF
16.7%	16.7% #4FE1FA	RVB 79 225 250	#4FE1FA
33.3%	33.3% #41D7F6	RVB 65 215 246	#41D7F6
50.0%	50.0% #32CCF2	RVB 50 204 242	#32CCF2
66.7%	66.7% #23C2EE	RVB 35 194 238	#23C2EE
83.3%	83.3% #15B7EA	RVB 21 183 234	#15B7EA
100.0%	100.0% #07ADE6	RVB 7 173 230	#07ADE6

#5EECFF #4FE1FA #41D7F6 #32CCF2 #23C2EE #15B7EA #07ADE6

#5EECFF - #07ADE6

Mélange HSV

#5EECFF - #07ADE6 | 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 #5EECFF 0% et #07ADE6 100%.

0.0%	0.0% #5DECFF	RVB 93 236 255	#5DECFF
16.7%	16.7% #4EE2FA	RVB 78 226 250	#4EE2FA
33.3%	33.3% #3FD8F6	RVB 63 216 246	#3FD8F6
50.0%	50.0% #30CEF2	RVB 48 206 242	#30CEF2
66.7%	66.7% #22C3EE	RVB 34 195 238	#22C3EE
83.3%	83.3% #14B8EA	RVB 20 184 234	#14B8EA
100.0%	100.0% #07ADE6	RVB 7 173 230	#07ADE6

#5DECFF #4EE2FA #3FD8F6 #30CEF2 #22C3EE #14B8EA #07ADE6

#5EECFF - #30CEF2 - #07ADE6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DECFF 0%, #30CEF2 50%, #07ADE6 100%);
    background: -webkit-linear-gradient(top, #5DECFF 0%, #30CEF2 50%, #07ADE6 100%);
    background: linear-gradient(to bottom, #5DECFF 0%, #30CEF2 50%, #07ADE6 100%);
}
</style>