#D9B5E2 - #8554A3 | 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 #D9B5E2 à #8554A3

#D9B5E2 #8554A3

Calculez la couleur entre deux couleurs, #D9B5E2 et #8554A3. 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)

#D9B5E2 - #8554A3 | 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 #D9B5E2 0% et #8554A3 100%.

0.0%	0.0% #D9B5E2	RVB 217 181 226	#D9B5E2
16.7%	16.7% #CBA4D7	RVB 203 164 215	#CBA4D7
33.3%	33.3% #BD94CD	RVB 189 148 205	#BD94CD
50.0%	50.0% #AF84C2	RVB 175 132 194	#AF84C2
66.7%	66.7% #A174B8	RVB 161 116 184	#A174B8
83.3%	83.3% #9364AD	RVB 147 100 173	#9364AD
100.0%	100.0% #8554A3	RVB 133 84 163	#8554A3

#D9B5E2 #CBA4D7 #BD94CD #AF84C2 #A174B8 #9364AD #8554A3

#D9B5E2 - #8554A3

Mélange HSV

#D9B5E2 - #8554A3 | 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 #D9B5E2 0% et #8554A3 100%.

0.0%	0.0% #D9B5E2	RVB 217 181 226	#D9B5E2
16.7%	16.7% #CBA2D7	RVB 203 162 215	#CBA2D7
33.3%	33.3% #BD90CD	RVB 189 144 205	#BD90CD
50.0%	50.0% #AF80C2	RVB 175 128 194	#AF80C2
66.7%	66.7% #A170B8	RVB 161 112 184	#A170B8
83.3%	83.3% #9261AD	RVB 146 97 173	#9261AD
100.0%	100.0% #8554A3	RVB 133 84 163	#8554A3

#D9B5E2 #CBA2D7 #BD90CD #AF80C2 #A170B8 #9261AD #8554A3

#D9B5E2 - #AF80C2 - #8554A3

Codes CSS

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

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