#A0A8A8 - #E3E6E6 | 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 #A0A8A8 à #E3E6E6

#A0A8A8 #E3E6E6

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

#A0A8A8 - #E3E6E6 | 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 #A0A8A8 0% et #E3E6E6 100%.

0.0%	0.0% #A0A8A8	RVB 160 168 168	#A0A8A8
16.7%	16.7% #ABB2B2	RVB 171 178 178	#ABB2B2
33.3%	33.3% #B6BCBC	RVB 182 188 188	#B6BCBC
50.0%	50.0% #C1C7C7	RVB 193 199 199	#C1C7C7
66.7%	66.7% #CCD1D1	RVB 204 209 209	#CCD1D1
83.3%	83.3% #D7DBDB	RVB 215 219 219	#D7DBDB
100.0%	100.0% #E3E6E6	RVB 227 230 230	#E3E6E6

#A0A8A8 #ABB2B2 #B6BCBC #C1C7C7 #CCD1D1 #D7DBDB #E3E6E6

#A0A8A8 - #E3E6E6

Mélange HSV

#A0A8A8 - #E3E6E6 | 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 #A0A8A8 0% et #E3E6E6 100%.

0.0%	0.0% #A0A8A8	RVB 160 168 168	#A0A8A8
16.7%	16.7% #AAB2B2	RVB 170 178 178	#AAB2B2
33.3%	33.3% #B5BCBC	RVB 181 188 188	#B5BCBC
50.0%	50.0% #C0C7C7	RVB 192 199 199	#C0C7C7
66.7%	66.7% #CCD1D1	RVB 204 209 209	#CCD1D1
83.3%	83.3% #D7DBDB	RVB 215 219 219	#D7DBDB
100.0%	100.0% #E3E6E6	RVB 227 230 230	#E3E6E6

#A0A8A8 #AAB2B2 #B5BCBC #C0C7C7 #CCD1D1 #D7DBDB #E3E6E6

#A0A8A8 - #C0C7C7 - #E3E6E6

Codes CSS

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

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