#AA9FDA - #302D3E | 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 #AA9FDA à #302D3E

#AA9FDA #302D3E

Calculez la couleur entre deux couleurs, #AA9FDA et #302D3E. 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)

#AA9FDA - #302D3E | 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 #AA9FDA 0% et #302D3E 100%.

0.0%	0.0% #AA9FDA	RVB 170 159 218	#AA9FDA
16.7%	16.7% #958CC0	RVB 149 140 192	#958CC0
33.3%	33.3% #8179A6	RVB 129 121 166	#8179A6
50.0%	50.0% #6D668C	RVB 109 102 140	#6D668C
66.7%	66.7% #585372	RVB 88 83 114	#585372
83.3%	83.3% #444058	RVB 68 64 88	#444058
100.0%	100.0% #302D3E	RVB 48 45 62	#302D3E

#AA9FDA #958CC0 #8179A6 #6D668C #585372 #444058 #302D3E

#AA9FDA - #302D3E

Mélange HSV

#AA9FDA - #302D3E | 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 #AA9FDA 0% et #302D3E 100%.

0.0%	0.0% #AA9FDA	RVB 170 159 218	#AA9FDA
16.7%	16.7% #958BC0	RVB 149 139 192	#958BC0
33.3%	33.3% #8178A6	RVB 129 120 166	#8178A6
50.0%	50.0% #6C658C	RVB 108 101 140	#6C658C
66.7%	66.7% #585272	RVB 88 82 114	#585272
83.3%	83.3% #443F58	RVB 68 63 88	#443F58
100.0%	100.0% #302D3E	RVB 48 45 62	#302D3E

#AA9FDA #958BC0 #8178A6 #6C658C #585272 #443F58 #302D3E

#AA9FDA - #6C658C - #302D3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA9FDA 0%, #6C658C 50%, #302D3E 100%);
    background: -webkit-linear-gradient(top, #AA9FDA 0%, #6C658C 50%, #302D3E 100%);
    background: linear-gradient(to bottom, #AA9FDA 0%, #6C658C 50%, #302D3E 100%);
}
</style>