#ABAEB6 - #E6E3C6 | 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 #ABAEB6 à #E6E3C6

#ABAEB6 #E6E3C6

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

#ABAEB6 - #E6E3C6 | 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 #ABAEB6 0% et #E6E3C6 100%.

0.0%	0.0% #ABAEB6	RVB 171 174 182	#ABAEB6
16.7%	16.7% #B4B6B8	RVB 180 182 184	#B4B6B8
33.3%	33.3% #BEBFBB	RVB 190 191 187	#BEBFBB
50.0%	50.0% #C8C8BE	RVB 200 200 190	#C8C8BE
66.7%	66.7% #D2D1C0	RVB 210 209 192	#D2D1C0
83.3%	83.3% #DCDAC3	RVB 220 218 195	#DCDAC3
100.0%	100.0% #E6E3C6	RVB 230 227 198	#E6E3C6

#ABAEB6 #B4B6B8 #BEBFBB #C8C8BE #D2D1C0 #DCDAC3 #E6E3C6

#ABAEB6 - #E6E3C6

Mélange HSV

#ABAEB6 - #E6E3C6 | 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 #ABAEB6 0% et #E6E3C6 100%.

0.0%	0.0% #ABAEB6	RVB 171 174 182	#ABAEB6
16.7%	16.7% #B0BABE	RVB 176 186 190	#B0BABE
33.3%	33.3% #B4C6C2	RVB 180 198 194	#B4C6C2
50.0%	50.0% #B9CEBF	RVB 185 206 191	#B9CEBF
66.7%	66.7% #C1D6BD	RVB 193 214 189	#C1D6BD
83.3%	83.3% #D3DEC2	RVB 211 222 194	#D3DEC2
100.0%	100.0% #E6E3C6	RVB 230 227 198	#E6E3C6

#ABAEB6 #B0BABE #B4C6C2 #B9CEBF #C1D6BD #D3DEC2 #E6E3C6

#ABAEB6 - #B9CEBF - #E6E3C6

Codes CSS

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

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