#A6ABC6 - #D9D5CC | 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 #A6ABC6 à #D9D5CC

#A6ABC6 #D9D5CC

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

#A6ABC6 - #D9D5CC | 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 #A6ABC6 0% et #D9D5CC 100%.

0.0%	0.0% #A6ABC6	RVB 166 171 198	#A6ABC6
16.7%	16.7% #AEB2C7	RVB 174 178 199	#AEB2C7
33.3%	33.3% #B7B9C8	RVB 183 185 200	#B7B9C8
50.0%	50.0% #BFC0C9	RVB 191 192 201	#BFC0C9
66.7%	66.7% #C8C7CA	RVB 200 199 202	#C8C7CA
83.3%	83.3% #D0CECB	RVB 208 206 203	#D0CECB
100.0%	100.0% #D9D5CC	RVB 217 213 204	#D9D5CC

#A6ABC6 #AEB2C7 #B7B9C8 #BFC0C9 #C8C7CA #D0CECB #D9D5CC

#A6ABC6 - #D9D5CC

Mélange HSV

#A6ABC6 - #D9D5CC | 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 #A6ABC6 0% et #D9D5CC 100%.

0.0%	0.0% #A6ABC6	RVB 166 171 198	#A6ABC6
16.7%	16.7% #B5ACC9	RVB 181 172 201	#B5ACC9
33.3%	33.3% #C6B2CC	RVB 198 178 204	#C6B2CC
50.0%	50.0% #CFB8C9	RVB 207 184 201	#CFB8C9
66.7%	66.7% #D2BEC3	RVB 210 190 195	#D2BEC3
83.3%	83.3% #D5C8C5	RVB 213 200 197	#D5C8C5
100.0%	100.0% #D9D5CC	RVB 217 213 204	#D9D5CC

#A6ABC6 #B5ACC9 #C6B2CC #CFB8C9 #D2BEC3 #D5C8C5 #D9D5CC

#A6ABC6 - #CFB8C9 - #D9D5CC

Codes CSS

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

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