#7E5E9F - #A2D3D2 | 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 #7E5E9F à #A2D3D2

#7E5E9F #A2D3D2

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

#7E5E9F - #A2D3D2 | 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 #7E5E9F 0% et #A2D3D2 100%.

0.0%	0.0% #7E5E9F	RVB 126 94 159	#7E5E9F
16.7%	16.7% #8471A7	RVB 132 113 167	#8471A7
33.3%	33.3% #8A85B0	RVB 138 133 176	#8A85B0
50.0%	50.0% #9098B8	RVB 144 152 184	#9098B8
66.7%	66.7% #96ACC1	RVB 150 172 193	#96ACC1
83.3%	83.3% #9CBFC9	RVB 156 191 201	#9CBFC9
100.0%	100.0% #A2D3D2	RVB 162 211 210	#A2D3D2

#7E5E9F #8471A7 #8A85B0 #9098B8 #96ACC1 #9CBFC9 #A2D3D2

#7E5E9F - #A2D3D2

Mélange HSV

#7E5E9F - #A2D3D2 | 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 #7E5E9F 0% et #A2D3D2 100%.

0.0%	0.0% #7E5E9F	RVB 126 94 159	#7E5E9F
16.7%	16.7% #7768A7	RVB 119 104 167	#7768A7
33.3%	33.3% #7273B0	RVB 114 115 176	#7273B0
50.0%	50.0% #7D8DB9	RVB 125 141 185	#7D8DB9
66.7%	66.7% #89A6C1	RVB 137 166 193	#89A6C1
83.3%	83.3% #95BECA	RVB 149 190 202	#95BECA
100.0%	100.0% #A2D3D2	RVB 162 211 210	#A2D3D2

#7E5E9F #7768A7 #7273B0 #7D8DB9 #89A6C1 #95BECA #A2D3D2

#7E5E9F - #7D8DB9 - #A2D3D2

Codes CSS

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

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