#ABABB6 - #B5E7E3 | 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 #ABABB6 à #B5E7E3

#ABABB6 #B5E7E3

Calculez la couleur entre deux couleurs, #ABABB6 et #B5E7E3. 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)

#ABABB6 - #B5E7E3 | 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 #ABABB6 0% et #B5E7E3 100%.

0.0%	0.0% #ABABB6	RVB 171 171 182	#ABABB6
16.7%	16.7% #ACB5BD	RVB 172 181 189	#ACB5BD
33.3%	33.3% #AEBFC5	RVB 174 191 197	#AEBFC5
50.0%	50.0% #B0C9CC	RVB 176 201 204	#B0C9CC
66.7%	66.7% #B1D3D4	RVB 177 211 212	#B1D3D4
83.3%	83.3% #B3DDDB	RVB 179 221 219	#B3DDDB
100.0%	100.0% #B5E7E3	RVB 181 231 227	#B5E7E3

#ABABB6 #ACB5BD #AEBFC5 #B0C9CC #B1D3D4 #B3DDDB #B5E7E3

#ABABB6 - #B5E7E3

Mélange HSV

#ABABB6 - #B5E7E3 | 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 #ABABB6 0% et #B5E7E3 100%.

0.0%	0.0% #ABABB6	RVB 171 171 182	#ABABB6
16.7%	16.7% #ADB0BE	RVB 173 176 190	#ADB0BE
33.3%	33.3% #B0B8C6	RVB 176 184 198	#B0B8C6
50.0%	50.0% #B1C1CE	RVB 177 193 206	#B1C1CE
66.7%	66.7% #B3CCD6	RVB 179 204 214	#B3CCD6
83.3%	83.3% #B4DADE	RVB 180 218 222	#B4DADE
100.0%	100.0% #B5E7E3	RVB 181 231 227	#B5E7E3

#ABABB6 #ADB0BE #B0B8C6 #B1C1CE #B3CCD6 #B4DADE #B5E7E3

#ABABB6 - #B1C1CE - #B5E7E3

Codes CSS

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

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