#E5E5E5 - #A59CD2 | 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 #E5E5E5 à #A59CD2

#E5E5E5 #A59CD2

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

#E5E5E5 - #A59CD2 | 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 #E5E5E5 0% et #A59CD2 100%.

0.0%	0.0% #E5E5E5	RVB 229 229 229	#E5E5E5
16.7%	16.7% #DAD8E1	RVB 218 216 225	#DAD8E1
33.3%	33.3% #CFCCDE	RVB 207 204 222	#CFCCDE
50.0%	50.0% #C5C0DB	RVB 197 192 219	#C5C0DB
66.7%	66.7% #BAB4D8	RVB 186 180 216	#BAB4D8
83.3%	83.3% #AFA8D5	RVB 175 168 213	#AFA8D5
100.0%	100.0% #A59CD2	RVB 165 156 210	#A59CD2

#E5E5E5 #DAD8E1 #CFCCDE #C5C0DB #BAB4D8 #AFA8D5 #A59CD2

#E5E5E5 - #A59CD2

Mélange HSV

#E5E5E5 - #A59CD2 | 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 #E5E5E5 0% et #A59CD2 100%.

0.0%	0.0% #E5E5E5	RVB 229 229 229	#E5E5E5
16.7%	16.7% #E1D8DB	RVB 225 216 219	#E1D8DB
33.3%	33.3% #DECBD7	RVB 222 203 215	#DECBD7
50.0%	50.0% #DBBFD9	RVB 219 191 217	#DBBFD9
66.7%	66.7% #D0B3D8	RVB 208 179 216	#D0B3D8
83.3%	83.3% #BDA7D5	RVB 189 167 213	#BDA7D5
100.0%	100.0% #A59CD2	RVB 165 156 210	#A59CD2

#E5E5E5 #E1D8DB #DECBD7 #DBBFD9 #D0B3D8 #BDA7D5 #A59CD2

#E5E5E5 - #DBBFD9 - #A59CD2

Codes CSS

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

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