#A335A8 - #E4C5E6 | 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 #A335A8 à #E4C5E6

#A335A8 #E4C5E6

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

#A335A8 - #E4C5E6 | 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 #A335A8 0% et #E4C5E6 100%.

0.0%	0.0% #A335A8	RVB 163 53 168	#A335A8
16.7%	16.7% #AD4DB2	RVB 173 77 178	#AD4DB2
33.3%	33.3% #B865BC	RVB 184 101 188	#B865BC
50.0%	50.0% #C37DC7	RVB 195 125 199	#C37DC7
66.7%	66.7% #CE95D1	RVB 206 149 209	#CE95D1
83.3%	83.3% #D9ADDB	RVB 217 173 219	#D9ADDB
100.0%	100.0% #E4C5E6	RVB 228 197 230	#E4C5E6

#A335A8 #AD4DB2 #B865BC #C37DC7 #CE95D1 #D9ADDB #E4C5E6

#A335A8 - #E4C5E6

Mélange HSV

#A335A8 - #E4C5E6 | 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 #A335A8 0% et #E4C5E6 100%.

0.0%	0.0% #A235A8	RVB 162 53 168	#A235A8
16.7%	16.7% #AD48B2	RVB 173 72 178	#AD48B2
33.3%	33.3% #B75DBC	RVB 183 93 188	#B75DBC
50.0%	50.0% #C274C7	RVB 194 116 199	#C274C7
66.7%	66.7% #CD8DD1	RVB 205 141 209	#CD8DD1
83.3%	83.3% #D8A8DB	RVB 216 168 219	#D8A8DB
100.0%	100.0% #E4C5E6	RVB 228 197 230	#E4C5E6

#A235A8 #AD48B2 #B75DBC #C274C7 #CD8DD1 #D8A8DB #E4C5E6

#A335A8 - #C274C7 - #E4C5E6

Codes CSS

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

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