#A6B0FF - #E5E8FF | 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 #A6B0FF à #E5E8FF

#A6B0FF #E5E8FF

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

#A6B0FF - #E5E8FF | 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 #A6B0FF 0% et #E5E8FF 100%.

0.0%	0.0% #A6B0FF	RVB 166 176 255	#A6B0FF
16.7%	16.7% #B0B9FF	RVB 176 185 255	#B0B9FF
33.3%	33.3% #BBC2FF	RVB 187 194 255	#BBC2FF
50.0%	50.0% #C5CCFF	RVB 197 204 255	#C5CCFF
66.7%	66.7% #D0D5FF	RVB 208 213 255	#D0D5FF
83.3%	83.3% #DADEFF	RVB 218 222 255	#DADEFF
100.0%	100.0% #E5E8FF	RVB 229 232 255	#E5E8FF

#A6B0FF #B0B9FF #BBC2FF #C5CCFF #D0D5FF #DADEFF #E5E8FF

#A6B0FF - #E5E8FF

Mélange HSV

#A6B0FF - #E5E8FF | 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 #A6B0FF 0% et #E5E8FF 100%.

0.0%	0.0% #A6AFFF	RVB 166 175 255	#A6AFFF
16.7%	16.7% #B0B9FF	RVB 176 185 255	#B0B9FF
33.3%	33.3% #BBC2FF	RVB 187 194 255	#BBC2FF
50.0%	50.0% #C5CCFF	RVB 197 204 255	#C5CCFF
66.7%	66.7% #D0D5FF	RVB 208 213 255	#D0D5FF
83.3%	83.3% #DADEFF	RVB 218 222 255	#DADEFF
100.0%	100.0% #E5E8FF	RVB 229 232 255	#E5E8FF

#A6AFFF #B0B9FF #BBC2FF #C5CCFF #D0D5FF #DADEFF #E5E8FF

#A6B0FF - #C5CCFF - #E5E8FF

Codes CSS

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

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