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

#3E3C5E #C7C7D1

Calculez la couleur entre deux couleurs, #3E3C5E 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)

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

0.0%	0.0% #3E3C5E	RVB 62 60 94	#3E3C5E
16.7%	16.7% #545371	RVB 84 83 113	#545371
33.3%	33.3% #6B6A84	RVB 107 106 132	#6B6A84
50.0%	50.0% #828197	RVB 130 129 151	#828197
66.7%	66.7% #9998AA	RVB 153 152 170	#9998AA
83.3%	83.3% #B0AFBD	RVB 176 175 189	#B0AFBD
100.0%	100.0% #C7C7D1	RVB 199 199 209	#C7C7D1

#3E3C5E #545371 #6B6A84 #828197 #9998AA #B0AFBD #C7C7D1

#3E3C5E - #C7C7D1

Mélange HSV

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

0.0%	0.0% #3E3C5E	RVB 62 60 94	#3E3C5E
16.7%	16.7% #4F4E71	RVB 79 78 113	#4F4E71
33.3%	33.3% #636284	RVB 99 98 132	#636284
50.0%	50.0% #797897	RVB 121 120 151	#797897
66.7%	66.7% #9190AA	RVB 145 144 170	#9190AA
83.3%	83.3% #ABAABD	RVB 171 170 189	#ABAABD
100.0%	100.0% #C7C7D1	RVB 199 199 209	#C7C7D1

#3E3C5E #4F4E71 #636284 #797897 #9190AA #ABAABD #C7C7D1

#3E3C5E - #797897 - #C7C7D1

Codes CSS

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

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