#5D9EB6 - #1A2D33 | 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 #5D9EB6 à #1A2D33

#5D9EB6 #1A2D33

Calculez la couleur entre deux couleurs, #5D9EB6 et #1A2D33. 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)

#5D9EB6 - #1A2D33 | 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 #5D9EB6 0% et #1A2D33 100%.

0.0%	0.0% #5D9EB6	RVB 93 158 182	#5D9EB6
16.7%	16.7% #518BA0	RVB 81 139 160	#518BA0
33.3%	33.3% #46788A	RVB 70 120 138	#46788A
50.0%	50.0% #3B6574	RVB 59 101 116	#3B6574
66.7%	66.7% #30525E	RVB 48 82 94	#30525E
83.3%	83.3% #253F48	RVB 37 63 72	#253F48
100.0%	100.0% #1A2D33	RVB 26 45 51	#1A2D33

#5D9EB6 #518BA0 #46788A #3B6574 #30525E #253F48 #1A2D33

#5D9EB6 - #1A2D33

Mélange HSV

#5D9EB6 - #1A2D33 | 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 #5D9EB6 0% et #1A2D33 100%.

0.0%	0.0% #5D9EB6	RVB 93 158 182	#5D9EB6
16.7%	16.7% #518BA0	RVB 81 139 160	#518BA0
33.3%	33.3% #46788A	RVB 70 120 138	#46788A
50.0%	50.0% #3B6574	RVB 59 101 116	#3B6574
66.7%	66.7% #30535E	RVB 48 83 94	#30535E
83.3%	83.3% #254048	RVB 37 64 72	#254048
100.0%	100.0% #1A2D33	RVB 26 45 51	#1A2D33

#5D9EB6 #518BA0 #46788A #3B6574 #30535E #254048 #1A2D33

#5D9EB6 - #3B6574 - #1A2D33

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D9EB6 0%, #3B6574 50%, #1A2D33 100%);
    background: -webkit-linear-gradient(top, #5D9EB6 0%, #3B6574 50%, #1A2D33 100%);
    background: linear-gradient(to bottom, #5D9EB6 0%, #3B6574 50%, #1A2D33 100%);
}
</style>