#5EADE2 - #1B5EA6 | 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 #5EADE2 à #1B5EA6

#5EADE2 #1B5EA6

Calculez la couleur entre deux couleurs, #5EADE2 et #1B5EA6. 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)

#5EADE2 - #1B5EA6 | 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 #5EADE2 0% et #1B5EA6 100%.

0.0%	0.0% #5EADE2	RVB 94 173 226	#5EADE2
16.7%	16.7% #529FD8	RVB 82 159 216	#529FD8
33.3%	33.3% #4792CE	RVB 71 146 206	#4792CE
50.0%	50.0% #3C85C4	RVB 60 133 196	#3C85C4
66.7%	66.7% #3178BA	RVB 49 120 186	#3178BA
83.3%	83.3% #266BB0	RVB 38 107 176	#266BB0
100.0%	100.0% #1B5EA6	RVB 27 94 166	#1B5EA6

#5EADE2 #529FD8 #4792CE #3C85C4 #3178BA #266BB0 #1B5EA6

#5EADE2 - #1B5EA6

Mélange HSV

#5EADE2 - #1B5EA6 | 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 #5EADE2 0% et #1B5EA6 100%.

0.0%	0.0% #5EADE2	RVB 94 173 226	#5EADE2
16.7%	16.7% #509FD8	RVB 80 159 216	#509FD8
33.3%	33.3% #4491CE	RVB 68 145 206	#4491CE
50.0%	50.0% #3883C4	RVB 56 131 196	#3883C4
66.7%	66.7% #2D76BA	RVB 45 118 186	#2D76BA
83.3%	83.3% #246AB0	RVB 36 106 176	#246AB0
100.0%	100.0% #1B5EA6	RVB 27 94 166	#1B5EA6

#5EADE2 #509FD8 #4491CE #3883C4 #2D76BA #246AB0 #1B5EA6

#5EADE2 - #3883C4 - #1B5EA6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EADE2 0%, #3883C4 50%, #1B5EA6 100%);
    background: -webkit-linear-gradient(top, #5EADE2 0%, #3883C4 50%, #1B5EA6 100%);
    background: linear-gradient(to bottom, #5EADE2 0%, #3883C4 50%, #1B5EA6 100%);
}
</style>