#3E6BA3 - #1A2D4A | 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 #3E6BA3 à #1A2D4A

#3E6BA3 #1A2D4A

Calculez la couleur entre deux couleurs, #3E6BA3 et #1A2D4A. 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)

#3E6BA3 - #1A2D4A | 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 #3E6BA3 0% et #1A2D4A 100%.

0.0%	0.0% #3E6BA3	RVB 62 107 163	#3E6BA3
16.7%	16.7% #386094	RVB 56 96 148	#386094
33.3%	33.3% #325685	RVB 50 86 133	#325685
50.0%	50.0% #2C4C76	RVB 44 76 118	#2C4C76
66.7%	66.7% #264167	RVB 38 65 103	#264167
83.3%	83.3% #203758	RVB 32 55 88	#203758
100.0%	100.0% #1A2D4A	RVB 26 45 74	#1A2D4A

#3E6BA3 #386094 #325685 #2C4C76 #264167 #203758 #1A2D4A

#3E6BA3 - #1A2D4A

Mélange HSV

#3E6BA3 - #1A2D4A | 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 #3E6BA3 0% et #1A2D4A 100%.

0.0%	0.0% #3E6BA3	RVB 62 107 163	#3E6BA3
16.7%	16.7% #376094	RVB 55 96 148	#376094
33.3%	33.3% #315585	RVB 49 85 133	#315585
50.0%	50.0% #2B4A76	RVB 43 74 118	#2B4A76
66.7%	66.7% #254067	RVB 37 64 103	#254067
83.3%	83.3% #1F3658	RVB 31 54 88	#1F3658
100.0%	100.0% #1A2D4A	RVB 26 45 74	#1A2D4A

#3E6BA3 #376094 #315585 #2B4A76 #254067 #1F3658 #1A2D4A

#3E6BA3 - #2B4A76 - #1A2D4A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6BA3 0%, #2B4A76 50%, #1A2D4A 100%);
    background: -webkit-linear-gradient(top, #3E6BA3 0%, #2B4A76 50%, #1A2D4A 100%);
    background: linear-gradient(to bottom, #3E6BA3 0%, #2B4A76 50%, #1A2D4A 100%);
}
</style>