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

#9FACAF #B5EBD8

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

0.0%	0.0% #9FACAF	RVB 159 172 175	#9FACAF
16.7%	16.7% #A2B6B5	RVB 162 182 181	#A2B6B5
33.3%	33.3% #A6C1BC	RVB 166 193 188	#A6C1BC
50.0%	50.0% #AACBC3	RVB 170 203 195	#AACBC3
66.7%	66.7% #ADD6CA	RVB 173 214 202	#ADD6CA
83.3%	83.3% #B1E0D1	RVB 177 224 209	#B1E0D1
100.0%	100.0% #B5EBD8	RVB 181 235 216	#B5EBD8

#9FACAF #A2B6B5 #A6C1BC #AACBC3 #ADD6CA #B1E0D1 #B5EBD8

#9FACAF - #B5EBD8

Mélange HSV

#9FACAF - #B5EBD8 | 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 #B5EBD8 100%.

0.0%	0.0% #9FACAF	RVB 159 172 175	#9FACAF
16.7%	16.7% #A3B6B9	RVB 163 182 185	#A3B6B9
33.3%	33.3% #A8C2C3	RVB 168 194 195	#A8C2C3
50.0%	50.0% #ACCDCA	RVB 172 205 202	#ACCDCA
66.7%	66.7% #AFD7D0	RVB 175 215 208	#AFD7D0
83.3%	83.3% #B2E1D4	RVB 178 225 212	#B2E1D4
100.0%	100.0% #B5EBD8	RVB 181 235 216	#B5EBD8

#9FACAF #A3B6B9 #A8C2C3 #ACCDCA #AFD7D0 #B2E1D4 #B5EBD8

#9FACAF - #ACCDCA - #B5EBD8

Codes CSS

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

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