#A8A8A8 - #D9C5FF | 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 #A8A8A8 à #D9C5FF

#A8A8A8 #D9C5FF

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

#A8A8A8 - #D9C5FF | 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 #A8A8A8 0% et #D9C5FF 100%.

0.0%	0.0% #A8A8A8	RVB 168 168 168	#A8A8A8
16.7%	16.7% #B0ACB6	RVB 176 172 182	#B0ACB6
33.3%	33.3% #B8B1C5	RVB 184 177 197	#B8B1C5
50.0%	50.0% #C0B6D3	RVB 192 182 211	#C0B6D3
66.7%	66.7% #C8BBE2	RVB 200 187 226	#C8BBE2
83.3%	83.3% #D0C0F0	RVB 208 192 240	#D0C0F0
100.0%	100.0% #D9C5FF	RVB 217 197 255	#D9C5FF

#A8A8A8 #B0ACB6 #B8B1C5 #C0B6D3 #C8BBE2 #D0C0F0 #D9C5FF

#A8A8A8 - #D9C5FF

Mélange HSV

#A8A8A8 - #D9C5FF | 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 #A8A8A8 0% et #D9C5FF 100%.

0.0%	0.0% #A8A8A8	RVB 168 168 168	#A8A8A8
16.7%	16.7% #B6AFB1	RVB 182 175 177	#B6AFB1
33.3%	33.3% #C5B6BE	RVB 197 182 190	#C5B6BE
50.0%	50.0% #D3BBCF	RVB 211 187 207	#D3BBCF
66.7%	66.7% #DEBFE2	RVB 222 191 226	#DEBFE2
83.3%	83.3% #DFC2F0	RVB 223 194 240	#DFC2F0
100.0%	100.0% #D9C5FF	RVB 217 197 255	#D9C5FF

#A8A8A8 #B6AFB1 #C5B6BE #D3BBCF #DEBFE2 #DFC2F0 #D9C5FF

#A8A8A8 - #D3BBCF - #D9C5FF

Codes CSS

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

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