#3C3E5E - #C7C7D1 | 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 #3C3E5E à #C7C7D1

#3C3E5E #C7C7D1

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

#3C3E5E - #C7C7D1 | 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 #3C3E5E 0% et #C7C7D1 100%.

0.0%	0.0% #3C3E5E	RVB 60 62 94	#3C3E5E
16.7%	16.7% #535471	RVB 83 84 113	#535471
33.3%	33.3% #6A6B84	RVB 106 107 132	#6A6B84
50.0%	50.0% #818297	RVB 129 130 151	#818297
66.7%	66.7% #9899AA	RVB 152 153 170	#9899AA
83.3%	83.3% #AFB0BD	RVB 175 176 189	#AFB0BD
100.0%	100.0% #C7C7D1	RVB 199 199 209	#C7C7D1

#3C3E5E #535471 #6A6B84 #818297 #9899AA #AFB0BD #C7C7D1

#3C3E5E - #C7C7D1

Mélange HSV

#3C3E5E - #C7C7D1 | 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 #3C3E5E 0% et #C7C7D1 100%.

0.0%	0.0% #3C3E5E	RVB 60 62 94	#3C3E5E
16.7%	16.7% #4E4F71	RVB 78 79 113	#4E4F71
33.3%	33.3% #626384	RVB 98 99 132	#626384
50.0%	50.0% #787997	RVB 120 121 151	#787997
66.7%	66.7% #9091AA	RVB 144 145 170	#9091AA
83.3%	83.3% #AAABBD	RVB 170 171 189	#AAABBD
100.0%	100.0% #C7C7D1	RVB 199 199 209	#C7C7D1

#3C3E5E #4E4F71 #626384 #787997 #9091AA #AAABBD #C7C7D1

#3C3E5E - #787997 - #C7C7D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E5E 0%, #787997 50%, #C7C7D1 100%);
    background: -webkit-linear-gradient(top, #3C3E5E 0%, #787997 50%, #C7C7D1 100%);
    background: linear-gradient(to bottom, #3C3E5E 0%, #787997 50%, #C7C7D1 100%);
}
</style>