#5E5E6B - #13224D | 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 #5E5E6B à #13224D

#5E5E6B #13224D

Calculez la couleur entre deux couleurs, #5E5E6B et #13224D. 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)

#5E5E6B - #13224D | 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 #5E5E6B 0% et #13224D 100%.

0.0%	0.0% #5E5E6B	RVB 94 94 107	#5E5E6B
16.7%	16.7% #515466	RVB 81 84 102	#515466
33.3%	33.3% #454A61	RVB 69 74 97	#454A61
50.0%	50.0% #38405C	RVB 56 64 92	#38405C
66.7%	66.7% #2C3657	RVB 44 54 87	#2C3657
83.3%	83.3% #1F2C52	RVB 31 44 82	#1F2C52
100.0%	100.0% #13224D	RVB 19 34 77	#13224D

#5E5E6B #515466 #454A61 #38405C #2C3657 #1F2C52 #13224D

#5E5E6B - #13224D

Mélange HSV

#5E5E6B - #13224D | 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 #5E5E6B 0% et #13224D 100%.

0.0%	0.0% #5E5E6B	RVB 94 94 107	#5E5E6B
16.7%	16.7% #4E4F66	RVB 78 79 102	#4E4F66
33.3%	33.3% #404361	RVB 64 67 97	#404361
50.0%	50.0% #33385C	RVB 51 56 92	#33385C
66.7%	66.7% #272F57	RVB 39 47 87	#272F57
83.3%	83.3% #1C2852	RVB 28 40 82	#1C2852
100.0%	100.0% #13224D	RVB 19 34 77	#13224D

#5E5E6B #4E4F66 #404361 #33385C #272F57 #1C2852 #13224D

#5E5E6B - #33385C - #13224D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6B 0%, #33385C 50%, #13224D 100%);
    background: -webkit-linear-gradient(top, #5E5E6B 0%, #33385C 50%, #13224D 100%);
    background: linear-gradient(to bottom, #5E5E6B 0%, #33385C 50%, #13224D 100%);
}
</style>