#9FACAF - #B9EDE5 | 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 #9FACAF à #B9EDE5

#9FACAF #B9EDE5

Calculez la couleur entre deux couleurs, #9FACAF et #B9EDE5. 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)

#9FACAF - #B9EDE5 | 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 #9FACAF 0% et #B9EDE5 100%.

0.0%	0.0% #9FACAF	RVB 159 172 175	#9FACAF
16.7%	16.7% #A3B6B8	RVB 163 182 184	#A3B6B8
33.3%	33.3% #A7C1C1	RVB 167 193 193	#A7C1C1
50.0%	50.0% #ACCCCA	RVB 172 204 202	#ACCCCA
66.7%	66.7% #B0D7D3	RVB 176 215 211	#B0D7D3
83.3%	83.3% #B4E2DC	RVB 180 226 220	#B4E2DC
100.0%	100.0% #B9EDE5	RVB 185 237 229	#B9EDE5

#9FACAF #A3B6B8 #A7C1C1 #ACCCCA #B0D7D3 #B4E2DC #B9EDE5

#9FACAF - #B9EDE5

Mélange HSV

#9FACAF - #B9EDE5 | 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 #9FACAF 0% et #B9EDE5 100%.

0.0%	0.0% #9FACAF	RVB 159 172 175	#9FACAF
16.7%	16.7% #A4B6B9	RVB 164 182 185	#A4B6B9
33.3%	33.3% #A9C1C3	RVB 169 193 195	#A9C1C3
50.0%	50.0% #ADCDCE	RVB 173 205 206	#ADCDCE
66.7%	66.7% #B2D8D6	RVB 178 216 214	#B2D8D6
83.3%	83.3% #B5E2DE	RVB 181 226 222	#B5E2DE
100.0%	100.0% #B9EDE5	RVB 185 237 229	#B9EDE5

#9FACAF #A4B6B9 #A9C1C3 #ADCDCE #B2D8D6 #B5E2DE #B9EDE5

#9FACAF - #ADCDCE - #B9EDE5

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9FACAF 0%, #ADCDCE 50%, #B9EDE5 100%);
    background: -webkit-linear-gradient(top, #9FACAF 0%, #ADCDCE 50%, #B9EDE5 100%);
    background: linear-gradient(to bottom, #9FACAF 0%, #ADCDCE 50%, #B9EDE5 100%);
}
</style>