#5E6395 - #ADA6B0 | 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 #5E6395 à #ADA6B0

#5E6395 #ADA6B0

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

#5E6395 - #ADA6B0 | 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 #5E6395 0% et #ADA6B0 100%.

0.0%	0.0% #5E6395	RVB 94 99 149	#5E6395
16.7%	16.7% #6B6E99	RVB 107 110 153	#6B6E99
33.3%	33.3% #78799E	RVB 120 121 158	#78799E
50.0%	50.0% #8584A2	RVB 133 132 162	#8584A2
66.7%	66.7% #928FA7	RVB 146 143 167	#928FA7
83.3%	83.3% #9F9AAB	RVB 159 154 171	#9F9AAB
100.0%	100.0% #ADA6B0	RVB 173 166 176	#ADA6B0

#5E6395 #6B6E99 #78799E #8584A2 #928FA7 #9F9AAB #ADA6B0

#5E6395 - #ADA6B0

Mélange HSV

#5E6395 - #ADA6B0 | 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 #5E6395 0% et #ADA6B0 100%.

0.0%	0.0% #5E6395	RVB 94 99 149	#5E6395
16.7%	16.7% #6A6899	RVB 106 104 153	#6A6899
33.3%	33.3% #7B749E	RVB 123 116 158	#7B749E
50.0%	50.0% #8A7FA2	RVB 138 127 162	#8A7FA2
66.7%	66.7% #978CA7	RVB 151 140 167	#978CA7
83.3%	83.3% #A398AB	RVB 163 152 171	#A398AB
100.0%	100.0% #ADA6B0	RVB 173 166 176	#ADA6B0

#5E6395 #6A6899 #7B749E #8A7FA2 #978CA7 #A398AB #ADA6B0

#5E6395 - #8A7FA2 - #ADA6B0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6395 0%, #8A7FA2 50%, #ADA6B0 100%);
    background: -webkit-linear-gradient(top, #5E6395 0%, #8A7FA2 50%, #ADA6B0 100%);
    background: linear-gradient(to bottom, #5E6395 0%, #8A7FA2 50%, #ADA6B0 100%);
}
</style>