#5280C7 - #CDDAEF | 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 #5280C7 à #CDDAEF

#5280C7 #CDDAEF

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

#5280C7 - #CDDAEF | 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 #5280C7 0% et #CDDAEF 100%.

0.0%	0.0% #5280C7	RVB 82 128 199	#5280C7
16.7%	16.7% #668FCD	RVB 102 143 205	#668FCD
33.3%	33.3% #7B9ED4	RVB 123 158 212	#7B9ED4
50.0%	50.0% #8FADDB	RVB 143 173 219	#8FADDB
66.7%	66.7% #A4BCE1	RVB 164 188 225	#A4BCE1
83.3%	83.3% #B8CBE8	RVB 184 203 232	#B8CBE8
100.0%	100.0% #CDDAEF	RVB 205 218 239	#CDDAEF

#5280C7 #668FCD #7B9ED4 #8FADDB #A4BCE1 #B8CBE8 #CDDAEF

#5280C7 - #CDDAEF

Mélange HSV

#5280C7 - #CDDAEF | 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 #5280C7 0% et #CDDAEF 100%.

0.0%	0.0% #5280C7	RVB 82 128 199	#5280C7
16.7%	16.7% #648DCD	RVB 100 141 205	#648DCD
33.3%	33.3% #779BD4	RVB 119 155 212	#779BD4
50.0%	50.0% #8BAADB	RVB 139 170 219	#8BAADB
66.7%	66.7% #A0B9E1	RVB 160 185 225	#A0B9E1
83.3%	83.3% #B6C9E8	RVB 182 201 232	#B6C9E8
100.0%	100.0% #CDDAEF	RVB 205 218 239	#CDDAEF

#5280C7 #648DCD #779BD4 #8BAADB #A0B9E1 #B6C9E8 #CDDAEF

#5280C7 - #8BAADB - #CDDAEF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5280C7 0%, #8BAADB 50%, #CDDAEF 100%);
    background: -webkit-linear-gradient(top, #5280C7 0%, #8BAADB 50%, #CDDAEF 100%);
    background: linear-gradient(to bottom, #5280C7 0%, #8BAADB 50%, #CDDAEF 100%);
}
</style>