#7EB5E2 - #2D64A8 | 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 #7EB5E2 à #2D64A8

#7EB5E2 #2D64A8

Calculez la couleur entre deux couleurs, #7EB5E2 et #2D64A8. 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)

#7EB5E2 - #2D64A8 | 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 #7EB5E2 0% et #2D64A8 100%.

0.0%	0.0% #7EB5E2	RVB 126 181 226	#7EB5E2
16.7%	16.7% #70A7D8	RVB 112 167 216	#70A7D8
33.3%	33.3% #639ACE	RVB 99 154 206	#639ACE
50.0%	50.0% #558CC5	RVB 85 140 197	#558CC5
66.7%	66.7% #487FBB	RVB 72 127 187	#487FBB
83.3%	83.3% #3A71B1	RVB 58 113 177	#3A71B1
100.0%	100.0% #2D64A8	RVB 45 100 168	#2D64A8

#7EB5E2 #70A7D8 #639ACE #558CC5 #487FBB #3A71B1 #2D64A8

#7EB5E2 - #2D64A8

Mélange HSV

#7EB5E2 - #2D64A8 | 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 #7EB5E2 0% et #2D64A8 100%.

0.0%	0.0% #7EB5E2	RVB 126 181 226	#7EB5E2
16.7%	16.7% #6EA6D8	RVB 110 166 216	#6EA6D8
33.3%	33.3% #5F98CE	RVB 95 152 206	#5F98CE
50.0%	50.0% #518AC5	RVB 81 138 197	#518AC5
66.7%	66.7% #447DBB	RVB 68 125 187	#447DBB
83.3%	83.3% #3870B1	RVB 56 112 177	#3870B1
100.0%	100.0% #2D64A8	RVB 45 100 168	#2D64A8

#7EB5E2 #6EA6D8 #5F98CE #518AC5 #447DBB #3870B1 #2D64A8

#7EB5E2 - #518AC5 - #2D64A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EB5E2 0%, #518AC5 50%, #2D64A8 100%);
    background: -webkit-linear-gradient(top, #7EB5E2 0%, #518AC5 50%, #2D64A8 100%);
    background: linear-gradient(to bottom, #7EB5E2 0%, #518AC5 50%, #2D64A8 100%);
}
</style>