#5EAAA6 - #285A5E | 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 #5EAAA6 à #285A5E

#5EAAA6 #285A5E

Calculez la couleur entre deux couleurs, #5EAAA6 et #285A5E. 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)

#5EAAA6 - #285A5E | 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 #5EAAA6 0% et #285A5E 100%.

0.0%	0.0% #5EAAA6	RVB 94 170 166	#5EAAA6
16.7%	16.7% #559C9A	RVB 85 156 154	#559C9A
33.3%	33.3% #4C8F8E	RVB 76 143 142	#4C8F8E
50.0%	50.0% #438282	RVB 67 130 130	#438282
66.7%	66.7% #3A7476	RVB 58 116 118	#3A7476
83.3%	83.3% #31676A	RVB 49 103 106	#31676A
100.0%	100.0% #285A5E	RVB 40 90 94	#285A5E

#5EAAA6 #559C9A #4C8F8E #438282 #3A7476 #31676A #285A5E

#5EAAA6 - #285A5E

Mélange HSV

#5EAAA6 - #285A5E | 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 #5EAAA6 0% et #285A5E 100%.

0.0%	0.0% #5EAAA6	RVB 94 170 166	#5EAAA6
16.7%	16.7% #539D9B	RVB 83 157 155	#539D9B
33.3%	33.3% #49908F	RVB 73 144 143	#49908F
50.0%	50.0% #408384	RVB 64 131 132	#408384
66.7%	66.7% #377577	RVB 55 117 119	#377577
83.3%	83.3% #2F676A	RVB 47 103 106	#2F676A
100.0%	100.0% #285A5E	RVB 40 90 94	#285A5E

#5EAAA6 #539D9B #49908F #408384 #377577 #2F676A #285A5E

#5EAAA6 - #408384 - #285A5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5EAAA6 0%, #408384 50%, #285A5E 100%);
    background: -webkit-linear-gradient(top, #5EAAA6 0%, #408384 50%, #285A5E 100%);
    background: linear-gradient(to bottom, #5EAAA6 0%, #408384 50%, #285A5E 100%);
}
</style>