#A16DA2 - #E4D5E4 | 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 #A16DA2 à #E4D5E4

#A16DA2 #E4D5E4

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

#A16DA2 - #E4D5E4 | 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 #A16DA2 0% et #E4D5E4 100%.

0.0%	0.0% #A16DA2	RVB 161 109 162	#A16DA2
16.7%	16.7% #AC7EAD	RVB 172 126 173	#AC7EAD
33.3%	33.3% #B78FB8	RVB 183 143 184	#B78FB8
50.0%	50.0% #C2A1C3	RVB 194 161 195	#C2A1C3
66.7%	66.7% #CDB2CE	RVB 205 178 206	#CDB2CE
83.3%	83.3% #D8C3D9	RVB 216 195 217	#D8C3D9
100.0%	100.0% #E4D5E4	RVB 228 213 228	#E4D5E4

#A16DA2 #AC7EAD #B78FB8 #C2A1C3 #CDB2CE #D8C3D9 #E4D5E4

#A16DA2 - #E4D5E4

Mélange HSV

#A16DA2 - #E4D5E4 | 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 #A16DA2 0% et #E4D5E4 100%.

0.0%	0.0% #A16DA2	RVB 161 109 162	#A16DA2
16.7%	16.7% #AC7BAD	RVB 172 123 173	#AC7BAD
33.3%	33.3% #B78BB8	RVB 183 139 184	#B78BB8
50.0%	50.0% #C29CC3	RVB 194 156 195	#C29CC3
66.7%	66.7% #CDAECE	RVB 205 174 206	#CDAECE
83.3%	83.3% #D8C1D9	RVB 216 193 217	#D8C1D9
100.0%	100.0% #E4D5E4	RVB 228 213 228	#E4D5E4

#A16DA2 #AC7BAD #B78BB8 #C29CC3 #CDAECE #D8C1D9 #E4D5E4

#A16DA2 - #C29CC3 - #E4D5E4

Codes CSS

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

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