#5E8F7B - #AFAAB2 | 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 #5E8F7B à #AFAAB2

#5E8F7B #AFAAB2

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

#5E8F7B - #AFAAB2 | 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 #5E8F7B 0% et #AFAAB2 100%.

0.0%	0.0% #5E8F7B	RVB 94 143 123	#5E8F7B
16.7%	16.7% #6B9384	RVB 107 147 132	#6B9384
33.3%	33.3% #79988D	RVB 121 152 141	#79988D
50.0%	50.0% #869C96	RVB 134 156 150	#869C96
66.7%	66.7% #94A19F	RVB 148 161 159	#94A19F
83.3%	83.3% #A1A5A8	RVB 161 165 168	#A1A5A8
100.0%	100.0% #AFAAB2	RVB 175 170 178	#AFAAB2

#5E8F7B #6B9384 #79988D #869C96 #94A19F #A1A5A8 #AFAAB2

#5E8F7B - #AFAAB2

Mélange HSV

#5E8F7B - #AFAAB2 | 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 #5E8F7B 0% et #AFAAB2 100%.

0.0%	0.0% #5E8F7B	RVB 94 143 123	#5E8F7B
16.7%	16.7% #699491	RVB 105 148 145	#699491
33.3%	33.3% #75909A	RVB 117 144 154	#75909A
50.0%	50.0% #818DA0	RVB 129 141 160	#818DA0
66.7%	66.7% #8E8FA6	RVB 142 143 166	#8E8FA6
83.3%	83.3% #A09BAC	RVB 160 155 172	#A09BAC
100.0%	100.0% #AFAAB2	RVB 175 170 178	#AFAAB2

#5E8F7B #699491 #75909A #818DA0 #8E8FA6 #A09BAC #AFAAB2

#5E8F7B - #818DA0 - #AFAAB2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F7B 0%, #818DA0 50%, #AFAAB2 100%);
    background: -webkit-linear-gradient(top, #5E8F7B 0%, #818DA0 50%, #AFAAB2 100%);
    background: linear-gradient(to bottom, #5E8F7B 0%, #818DA0 50%, #AFAAB2 100%);
}
</style>