#A29EB6 - #5E416A | 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 #A29EB6 à #5E416A

#A29EB6 #5E416A

Calculez la couleur entre deux couleurs, #A29EB6 et #5E416A. 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)

#A29EB6 - #5E416A | 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 #A29EB6 0% et #5E416A 100%.

0.0%	0.0% #A29EB6	RVB 162 158 182	#A29EB6
16.7%	16.7% #968EA9	RVB 150 142 169	#968EA9
33.3%	33.3% #8B7F9C	RVB 139 127 156	#8B7F9C
50.0%	50.0% #806F90	RVB 128 111 144	#806F90
66.7%	66.7% #746083	RVB 116 96 131	#746083
83.3%	83.3% #695076	RVB 105 80 118	#695076
100.0%	100.0% #5E416A	RVB 94 65 106	#5E416A

#A29EB6 #968EA9 #8B7F9C #806F90 #746083 #695076 #5E416A

#A29EB6 - #5E416A

Mélange HSV

#A29EB6 - #5E416A | 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 #A29EB6 0% et #5E416A 100%.

0.0%	0.0% #A29EB6	RVB 162 158 182	#A29EB6
16.7%	16.7% #938BA9	RVB 147 139 169	#938BA9
33.3%	33.3% #867A9C	RVB 134 122 156	#867A9C
50.0%	50.0% #7A6A90	RVB 122 106 144	#7A6A90
66.7%	66.7% #705B83	RVB 112 91 131	#705B83
83.3%	83.3% #674D76	RVB 103 77 118	#674D76
100.0%	100.0% #5E416A	RVB 94 65 106	#5E416A

#A29EB6 #938BA9 #867A9C #7A6A90 #705B83 #674D76 #5E416A

#A29EB6 - #7A6A90 - #5E416A

Codes CSS

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

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