#9EB6B5 - #C7D9B0 | 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 #9EB6B5 à #C7D9B0

#9EB6B5 #C7D9B0

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

#9EB6B5 - #C7D9B0 | 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 #9EB6B5 0% et #C7D9B0 100%.

0.0%	0.0% #9EB6B5	RVB 158 182 181	#9EB6B5
16.7%	16.7% #A4BBB4	RVB 164 187 180	#A4BBB4
33.3%	33.3% #ABC1B3	RVB 171 193 179	#ABC1B3
50.0%	50.0% #B2C7B2	RVB 178 199 178	#B2C7B2
66.7%	66.7% #B9CDB1	RVB 185 205 177	#B9CDB1
83.3%	83.3% #C0D3B0	RVB 192 211 176	#C0D3B0
100.0%	100.0% #C7D9B0	RVB 199 217 176	#C7D9B0

#9EB6B5 #A4BBB4 #ABC1B3 #B2C7B2 #B9CDB1 #C0D3B0 #C7D9B0

#9EB6B5 - #C7D9B0

Mélange HSV

#9EB6B5 - #C7D9B0 | 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 #9EB6B5 0% et #C7D9B0 100%.

0.0%	0.0% #9EB6B5	RVB 158 182 181	#9EB6B5
16.7%	16.7% #A1BBB4	RVB 161 187 180	#A1BBB4
33.3%	33.3% #A4C1B1	RVB 164 193 177	#A4C1B1
50.0%	50.0% #A7C7AD	RVB 167 199 173	#A7C7AD
66.7%	66.7% #ACCDAA	RVB 172 205 170	#ACCDAA
83.3%	83.3% #B8D3AD	RVB 184 211 173	#B8D3AD
100.0%	100.0% #C7D9B0	RVB 199 217 176	#C7D9B0

#9EB6B5 #A1BBB4 #A4C1B1 #A7C7AD #ACCDAA #B8D3AD #C7D9B0

#9EB6B5 - #A7C7AD - #C7D9B0

Codes CSS

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

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