#5280B5 - #CDDAE9 | 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 #5280B5 à #CDDAE9

#5280B5 #CDDAE9

Calculez la couleur entre deux couleurs, #5280B5 et #CDDAE9. 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)

#5280B5 - #CDDAE9 | 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 #5280B5 0% et #CDDAE9 100%.

0.0%	0.0% #5280B5	RVB 82 128 181	#5280B5
16.7%	16.7% #668FBD	RVB 102 143 189	#668FBD
33.3%	33.3% #7B9EC6	RVB 123 158 198	#7B9EC6
50.0%	50.0% #8FADCF	RVB 143 173 207	#8FADCF
66.7%	66.7% #A4BCD7	RVB 164 188 215	#A4BCD7
83.3%	83.3% #B8CBE0	RVB 184 203 224	#B8CBE0
100.0%	100.0% #CDDAE9	RVB 205 218 233	#CDDAE9

#5280B5 #668FBD #7B9EC6 #8FADCF #A4BCD7 #B8CBE0 #CDDAE9

#5280B5 - #CDDAE9

Mélange HSV

#5280B5 - #CDDAE9 | 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 #5280B5 0% et #CDDAE9 100%.

0.0%	0.0% #5280B5	RVB 82 128 181	#5280B5
16.7%	16.7% #638DBD	RVB 99 141 189	#638DBD
33.3%	33.3% #769BC6	RVB 118 155 198	#769BC6
50.0%	50.0% #89AACF	RVB 137 170 207	#89AACF
66.7%	66.7% #9FB9D7	RVB 159 185 215	#9FB9D7
83.3%	83.3% #B5C9E0	RVB 181 201 224	#B5C9E0
100.0%	100.0% #CDDAE9	RVB 205 218 233	#CDDAE9

#5280B5 #638DBD #769BC6 #89AACF #9FB9D7 #B5C9E0 #CDDAE9

#5280B5 - #89AACF - #CDDAE9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5280B5 0%, #89AACF 50%, #CDDAE9 100%);
    background: -webkit-linear-gradient(top, #5280B5 0%, #89AACF 50%, #CDDAE9 100%);
    background: linear-gradient(to bottom, #5280B5 0%, #89AACF 50%, #CDDAE9 100%);
}
</style>