#5E5E8C - #151F66 | 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 #5E5E8C à #151F66

#5E5E8C #151F66

Calculez la couleur entre deux couleurs, #5E5E8C et #151F66. 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)

#5E5E8C - #151F66 | 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 #5E5E8C 0% et #151F66 100%.

0.0%	0.0% #5E5E8C	RVB 94 94 140	#5E5E8C
16.7%	16.7% #515385	RVB 81 83 133	#515385
33.3%	33.3% #45497F	RVB 69 73 127	#45497F
50.0%	50.0% #393E79	RVB 57 62 121	#393E79
66.7%	66.7% #2D3472	RVB 45 52 114	#2D3472
83.3%	83.3% #21296C	RVB 33 41 108	#21296C
100.0%	100.0% #151F66	RVB 21 31 102	#151F66

#5E5E8C #515385 #45497F #393E79 #2D3472 #21296C #151F66

#5E5E8C - #151F66

Mélange HSV

#5E5E8C - #151F66 | 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 #5E5E8C 0% et #151F66 100%.

0.0%	0.0% #5E5E8C	RVB 94 94 140	#5E5E8C
16.7%	16.7% #4F5085	RVB 79 80 133	#4F5085
33.3%	33.3% #41447F	RVB 65 68 127	#41447F
50.0%	50.0% #353979	RVB 53 57 121	#353979
66.7%	66.7% #292F72	RVB 41 47 114	#292F72
83.3%	83.3% #1E266C	RVB 30 38 108	#1E266C
100.0%	100.0% #151F66	RVB 21 31 102	#151F66

#5E5E8C #4F5085 #41447F #353979 #292F72 #1E266C #151F66

#5E5E8C - #353979 - #151F66

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E8C 0%, #353979 50%, #151F66 100%);
    background: -webkit-linear-gradient(top, #5E5E8C 0%, #353979 50%, #151F66 100%);
    background: linear-gradient(to bottom, #5E5E8C 0%, #353979 50%, #151F66 100%);
}
</style>