#3C2D5E - #6588AB | 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 #3C2D5E à #6588AB

#3C2D5E #6588AB

Calculez la couleur entre deux couleurs, #3C2D5E et #6588AB. 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)

#3C2D5E - #6588AB | 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 #3C2D5E 0% et #6588AB 100%.

0.0%	0.0% #3C2D5E	RVB 60 45 94	#3C2D5E
16.7%	16.7% #423C6A	RVB 66 60 106	#423C6A
33.3%	33.3% #494B77	RVB 73 75 119	#494B77
50.0%	50.0% #505A84	RVB 80 90 132	#505A84
66.7%	66.7% #576991	RVB 87 105 145	#576991
83.3%	83.3% #5E789E	RVB 94 120 158	#5E789E
100.0%	100.0% #6588AB	RVB 101 136 171	#6588AB

#3C2D5E #423C6A #494B77 #505A84 #576991 #5E789E #6588AB

#3C2D5E - #6588AB

Mélange HSV

#3C2D5E - #6588AB | 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 #3C2D5E 0% et #6588AB 100%.

0.0%	0.0% #3C2D5E	RVB 60 45 94	#3C2D5E
16.7%	16.7% #3E356A	RVB 62 53 106	#3E356A
33.3%	33.3% #3F3D77	RVB 63 61 119	#3F3D77
50.0%	50.0% #464C84	RVB 70 76 132	#464C84
66.7%	66.7% #505F91	RVB 80 95 145	#505F91
83.3%	83.3% #5A739E	RVB 90 115 158	#5A739E
100.0%	100.0% #6588AB	RVB 101 136 171	#6588AB

#3C2D5E #3E356A #3F3D77 #464C84 #505F91 #5A739E #6588AB

#3C2D5E - #464C84 - #6588AB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C2D5E 0%, #464C84 50%, #6588AB 100%);
    background: -webkit-linear-gradient(top, #3C2D5E 0%, #464C84 50%, #6588AB 100%);
    background: linear-gradient(to bottom, #3C2D5E 0%, #464C84 50%, #6588AB 100%);
}
</style>