#A8B5A8 - #C9ECC0 | 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 #A8B5A8 à #C9ECC0

#A8B5A8 #C9ECC0

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

#A8B5A8 - #C9ECC0 | 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 #A8B5A8 0% et #C9ECC0 100%.

0.0%	0.0% #A8B5A8	RVB 168 181 168	#A8B5A8
16.7%	16.7% #ADBEAC	RVB 173 190 172	#ADBEAC
33.3%	33.3% #B3C7B0	RVB 179 199 176	#B3C7B0
50.0%	50.0% #B8D0B4	RVB 184 208 180	#B8D0B4
66.7%	66.7% #BED9B8	RVB 190 217 184	#BED9B8
83.3%	83.3% #C3E2BC	RVB 195 226 188	#C3E2BC
100.0%	100.0% #C9ECC0	RVB 201 236 192	#C9ECC0

#A8B5A8 #ADBEAC #B3C7B0 #B8D0B4 #BED9B8 #C3E2BC #C9ECC0

#A8B5A8 - #C9ECC0

Mélange HSV

#A8B5A8 - #C9ECC0 | 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 #A8B5A8 0% et #C9ECC0 100%.

0.0%	0.0% #A8B5A8	RVB 168 181 168	#A8B5A8
16.7%	16.7% #ADBEAC	RVB 173 190 172	#ADBEAC
33.3%	33.3% #B2C7B1	RVB 178 199 177	#B2C7B1
50.0%	50.0% #B8D0B5	RVB 184 208 181	#B8D0B5
66.7%	66.7% #BDD9B9	RVB 189 217 185	#BDD9B9
83.3%	83.3% #C3E2BC	RVB 195 226 188	#C3E2BC
100.0%	100.0% #C9ECC0	RVB 201 236 192	#C9ECC0

#A8B5A8 #ADBEAC #B2C7B1 #B8D0B5 #BDD9B9 #C3E2BC #C9ECC0

#A8B5A8 - #B8D0B5 - #C9ECC0

Codes CSS

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

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