#2B2D5E - #686C8D | 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 #2B2D5E à #686C8D

#2B2D5E #686C8D

Calculez la couleur entre deux couleurs, #2B2D5E et #686C8D. 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)

#2B2D5E - #686C8D | 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 #2B2D5E 0% et #686C8D 100%.

0.0%	0.0% #2B2D5E	RVB 43 45 94	#2B2D5E
16.7%	16.7% #353765	RVB 53 55 101	#353765
33.3%	33.3% #3F426D	RVB 63 66 109	#3F426D
50.0%	50.0% #494C75	RVB 73 76 117	#494C75
66.7%	66.7% #53577D	RVB 83 87 125	#53577D
83.3%	83.3% #5D6185	RVB 93 97 133	#5D6185
100.0%	100.0% #686C8D	RVB 104 108 141	#686C8D

#2B2D5E #353765 #3F426D #494C75 #53577D #5D6185 #686C8D

#2B2D5E - #686C8D

Mélange HSV

#2B2D5E - #686C8D | 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 #2B2D5E 0% et #686C8D 100%.

0.0%	0.0% #2B2C5E	RVB 43 44 94	#2B2C5E
16.7%	16.7% #333565	RVB 51 53 101	#333565
33.3%	33.3% #3C3F6D	RVB 60 63 109	#3C3F6D
50.0%	50.0% #464975	RVB 70 73 117	#464975
66.7%	66.7% #50547D	RVB 80 84 125	#50547D
83.3%	83.3% #5C5F85	RVB 92 95 133	#5C5F85
100.0%	100.0% #686C8D	RVB 104 108 141	#686C8D

#2B2C5E #333565 #3C3F6D #464975 #50547D #5C5F85 #686C8D

#2B2D5E - #464975 - #686C8D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2C5E 0%, #464975 50%, #686C8D 100%);
    background: -webkit-linear-gradient(top, #2B2C5E 0%, #464975 50%, #686C8D 100%);
    background: linear-gradient(to bottom, #2B2C5E 0%, #464975 50%, #686C8D 100%);
}
</style>