#ADE5E6 - #5A9FB4 | 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 #ADE5E6 à #5A9FB4

#ADE5E6 #5A9FB4

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

#ADE5E6 - #5A9FB4 | 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 #ADE5E6 0% et #5A9FB4 100%.

0.0%	0.0% #ADE5E6	RVB 173 229 230	#ADE5E6
16.7%	16.7% #9FD9DD	RVB 159 217 221	#9FD9DD
33.3%	33.3% #91CDD5	RVB 145 205 213	#91CDD5
50.0%	50.0% #83C2CD	RVB 131 194 205	#83C2CD
66.7%	66.7% #75B6C4	RVB 117 182 196	#75B6C4
83.3%	83.3% #67AABC	RVB 103 170 188	#67AABC
100.0%	100.0% #5A9FB4	RVB 90 159 180	#5A9FB4

#ADE5E6 #9FD9DD #91CDD5 #83C2CD #75B6C4 #67AABC #5A9FB4

#ADE5E6 - #5A9FB4

Mélange HSV

#ADE5E6 - #5A9FB4 | 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 #ADE5E6 0% et #5A9FB4 100%.

0.0%	0.0% #ADE5E6	RVB 173 229 230	#ADE5E6
16.7%	16.7% #9DDADD	RVB 157 218 221	#9DDADD
33.3%	33.3% #8ECED5	RVB 142 206 213	#8ECED5
50.0%	50.0% #80C3CD	RVB 128 195 205	#80C3CD
66.7%	66.7% #72B7C4	RVB 114 183 196	#72B7C4
83.3%	83.3% #66ABBC	RVB 102 171 188	#66ABBC
100.0%	100.0% #5A9FB4	RVB 90 159 180	#5A9FB4

#ADE5E6 #9DDADD #8ECED5 #80C3CD #72B7C4 #66ABBC #5A9FB4

#ADE5E6 - #80C3CD - #5A9FB4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADE5E6 0%, #80C3CD 50%, #5A9FB4 100%);
    background: -webkit-linear-gradient(top, #ADE5E6 0%, #80C3CD 50%, #5A9FB4 100%);
    background: linear-gradient(to bottom, #ADE5E6 0%, #80C3CD 50%, #5A9FB4 100%);
}
</style>