#3C5EAF - #8BABD3 | 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 #3C5EAF à #8BABD3

#3C5EAF #8BABD3

Calculez la couleur entre deux couleurs, #3C5EAF et #8BABD3. 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)

#3C5EAF - #8BABD3 | 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 #3C5EAF 0% et #8BABD3 100%.

0.0%	0.0% #3C5EAF	RVB 60 94 175	#3C5EAF
16.7%	16.7% #496AB5	RVB 73 106 181	#496AB5
33.3%	33.3% #5677BB	RVB 86 119 187	#5677BB
50.0%	50.0% #6384C1	RVB 99 132 193	#6384C1
66.7%	66.7% #7091C7	RVB 112 145 199	#7091C7
83.3%	83.3% #7D9ECD	RVB 125 158 205	#7D9ECD
100.0%	100.0% #8BABD3	RVB 139 171 211	#8BABD3

#3C5EAF #496AB5 #5677BB #6384C1 #7091C7 #7D9ECD #8BABD3

#3C5EAF - #8BABD3

Mélange HSV

#3C5EAF - #8BABD3 | 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 #3C5EAF 0% et #8BABD3 100%.

0.0%	0.0% #3C5EAF	RVB 60 94 175	#3C5EAF
16.7%	16.7% #476AB5	RVB 71 106 181	#476AB5
33.3%	33.3% #5377BB	RVB 83 119 187	#5377BB
50.0%	50.0% #6084C1	RVB 96 132 193	#6084C1
66.7%	66.7% #6E91C7	RVB 110 145 199	#6E91C7
83.3%	83.3% #7C9ECD	RVB 124 158 205	#7C9ECD
100.0%	100.0% #8BABD3	RVB 139 171 211	#8BABD3

#3C5EAF #476AB5 #5377BB #6084C1 #6E91C7 #7C9ECD #8BABD3

#3C5EAF - #6084C1 - #8BABD3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5EAF 0%, #6084C1 50%, #8BABD3 100%);
    background: -webkit-linear-gradient(top, #3C5EAF 0%, #6084C1 50%, #8BABD3 100%);
    background: linear-gradient(to bottom, #3C5EAF 0%, #6084C1 50%, #8BABD3 100%);
}
</style>