#8EB5E2 - #3763A8 | 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 #8EB5E2 à #3763A8

#8EB5E2 #3763A8

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

#8EB5E2 - #3763A8 | 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 #8EB5E2 0% et #3763A8 100%.

0.0%	0.0% #8EB5E2	RVB 142 181 226	#8EB5E2
16.7%	16.7% #7FA7D8	RVB 127 167 216	#7FA7D8
33.3%	33.3% #7199CE	RVB 113 153 206	#7199CE
50.0%	50.0% #628CC5	RVB 98 140 197	#628CC5
66.7%	66.7% #547EBB	RVB 84 126 187	#547EBB
83.3%	83.3% #4570B1	RVB 69 112 177	#4570B1
100.0%	100.0% #3763A8	RVB 55 99 168	#3763A8

#8EB5E2 #7FA7D8 #7199CE #628CC5 #547EBB #4570B1 #3763A8

#8EB5E2 - #3763A8

Mélange HSV

#8EB5E2 - #3763A8 | 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 #8EB5E2 0% et #3763A8 100%.

0.0%	0.0% #8EB5E2	RVB 142 181 226	#8EB5E2
16.7%	16.7% #7DA6D8	RVB 125 166 216	#7DA6D8
33.3%	33.3% #6D97CE	RVB 109 151 206	#6D97CE
50.0%	50.0% #5E8AC5	RVB 94 138 197	#5E8AC5
66.7%	66.7% #507CBB	RVB 80 124 187	#507CBB
83.3%	83.3% #436FB1	RVB 67 111 177	#436FB1
100.0%	100.0% #3763A8	RVB 55 99 168	#3763A8

#8EB5E2 #7DA6D8 #6D97CE #5E8AC5 #507CBB #436FB1 #3763A8

#8EB5E2 - #5E8AC5 - #3763A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8EB5E2 0%, #5E8AC5 50%, #3763A8 100%);
    background: -webkit-linear-gradient(top, #8EB5E2 0%, #5E8AC5 50%, #3763A8 100%);
    background: linear-gradient(to bottom, #8EB5E2 0%, #5E8AC5 50%, #3763A8 100%);
}
</style>