#859AA7 - #3C4C5E | 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 #859AA7 à #3C4C5E

#859AA7 #3C4C5E

Calculez la couleur entre deux couleurs, #859AA7 et #3C4C5E. 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)

#859AA7 - #3C4C5E | 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 #859AA7 0% et #3C4C5E 100%.

0.0%	0.0% #859AA7	RVB 133 154 167	#859AA7
16.7%	16.7% #788D9A	RVB 120 141 154	#788D9A
33.3%	33.3% #6C808E	RVB 108 128 142	#6C808E
50.0%	50.0% #607382	RVB 96 115 130	#607382
66.7%	66.7% #546676	RVB 84 102 118	#546676
83.3%	83.3% #48596A	RVB 72 89 106	#48596A
100.0%	100.0% #3C4C5E	RVB 60 76 94	#3C4C5E

#859AA7 #788D9A #6C808E #607382 #546676 #48596A #3C4C5E

#859AA7 - #3C4C5E

Mélange HSV

#859AA7 - #3C4C5E | 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 #859AA7 0% et #3C4C5E 100%.

0.0%	0.0% #859AA7	RVB 133 154 167	#859AA7
16.7%	16.7% #778C9A	RVB 119 140 154	#778C9A
33.3%	33.3% #6A7E8E	RVB 106 126 142	#6A7E8E
50.0%	50.0% #5D7182	RVB 93 113 130	#5D7182
66.7%	66.7% #516476	RVB 81 100 118	#516476
83.3%	83.3% #46586A	RVB 70 88 106	#46586A
100.0%	100.0% #3C4C5E	RVB 60 76 94	#3C4C5E

#859AA7 #778C9A #6A7E8E #5D7182 #516476 #46586A #3C4C5E

#859AA7 - #5D7182 - #3C4C5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #859AA7 0%, #5D7182 50%, #3C4C5E 100%);
    background: -webkit-linear-gradient(top, #859AA7 0%, #5D7182 50%, #3C4C5E 100%);
    background: linear-gradient(to bottom, #859AA7 0%, #5D7182 50%, #3C4C5E 100%);
}
</style>