#3075DC - #122F88 | 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 #3075DC à #122F88

#3075DC #122F88

Calculez la couleur entre deux couleurs, #3075DC et #122F88. 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)

#3075DC - #122F88 | 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 #3075DC 0% et #122F88 100%.

0.0%	0.0% #3075DC	RVB 48 117 220	#3075DC
16.7%	16.7% #2B69CE	RVB 43 105 206	#2B69CE
33.3%	33.3% #265DC0	RVB 38 93 192	#265DC0
50.0%	50.0% #2152B2	RVB 33 82 178	#2152B2
66.7%	66.7% #1C46A4	RVB 28 70 164	#1C46A4
83.3%	83.3% #173A96	RVB 23 58 150	#173A96
100.0%	100.0% #122F88	RVB 18 47 136	#122F88

#3075DC #2B69CE #265DC0 #2152B2 #1C46A4 #173A96 #122F88

#3075DC - #122F88

Mélange HSV

#3075DC - #122F88 | 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 #3075DC 0% et #122F88 100%.

0.0%	0.0% #3075DC	RVB 48 117 220	#3075DC
16.7%	16.7% #2967CE	RVB 41 103 206	#2967CE
33.3%	33.3% #245AC0	RVB 36 90 192	#245AC0
50.0%	50.0% #1F4EB2	RVB 31 78 178	#1F4EB2
66.7%	66.7% #1A43A4	RVB 26 67 164	#1A43A4
83.3%	83.3% #153896	RVB 21 56 150	#153896
100.0%	100.0% #122F88	RVB 18 47 136	#122F88

#3075DC #2967CE #245AC0 #1F4EB2 #1A43A4 #153896 #122F88

#3075DC - #1F4EB2 - #122F88

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3075DC 0%, #1F4EB2 50%, #122F88 100%);
    background: -webkit-linear-gradient(top, #3075DC 0%, #1F4EB2 50%, #122F88 100%);
    background: linear-gradient(to bottom, #3075DC 0%, #1F4EB2 50%, #122F88 100%);
}
</style>