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

#A8A8A8 #DEC5FF

Calculez la couleur entre deux couleurs, #A8A8A8 et #DEC5FF. 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 - #DEC5FF | 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 #DEC5FF 100%.

0.0%	0.0% #A8A8A8	RVB 168 168 168	#A8A8A8
16.7%	16.7% #B1ACB6	RVB 177 172 182	#B1ACB6
33.3%	33.3% #BAB1C5	RVB 186 177 197	#BAB1C5
50.0%	50.0% #C3B6D3	RVB 195 182 211	#C3B6D3
66.7%	66.7% #CCBBE2	RVB 204 187 226	#CCBBE2
83.3%	83.3% #D5C0F0	RVB 213 192 240	#D5C0F0
100.0%	100.0% #DEC5FF	RVB 222 197 255	#DEC5FF

#A8A8A8 #B1ACB6 #BAB1C5 #C3B6D3 #CCBBE2 #D5C0F0 #DEC5FF

#A8A8A8 - #DEC5FF

Mélange HSV

#A8A8A8 - #DEC5FF | 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 #DEC5FF 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% #C5B6BD	RVB 197 182 189	#C5B6BD
50.0%	50.0% #D3BBCE	RVB 211 187 206	#D3BBCE
66.7%	66.7% #E0BFE2	RVB 224 191 226	#E0BFE2
83.3%	83.3% #E2C2F0	RVB 226 194 240	#E2C2F0
100.0%	100.0% #DEC5FF	RVB 222 197 255	#DEC5FF

#A8A8A8 #B6AFB1 #C5B6BD #D3BBCE #E0BFE2 #E2C2F0 #DEC5FF

#A8A8A8 - #D3BBCE - #DEC5FF

Codes CSS

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

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