#5E5D9F - #D1D0E3 | 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 #5E5D9F à #D1D0E3

#5E5D9F #D1D0E3

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

#5E5D9F - #D1D0E3 | 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 #5E5D9F 0% et #D1D0E3 100%.

0.0%	0.0% #5E5D9F	RVB 94 93 159	#5E5D9F
16.7%	16.7% #7170AA	RVB 113 112 170	#7170AA
33.3%	33.3% #8483B5	RVB 132 131 181	#8483B5
50.0%	50.0% #9796C1	RVB 151 150 193	#9796C1
66.7%	66.7% #AAA9CC	RVB 170 169 204	#AAA9CC
83.3%	83.3% #BDBCD7	RVB 189 188 215	#BDBCD7
100.0%	100.0% #D1D0E3	RVB 209 208 227	#D1D0E3

#5E5D9F #7170AA #8483B5 #9796C1 #AAA9CC #BDBCD7 #D1D0E3

#5E5D9F - #D1D0E3

Mélange HSV

#5E5D9F - #D1D0E3 | 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 #5E5D9F 0% et #D1D0E3 100%.

0.0%	0.0% #5D5D9F	RVB 93 93 159	#5D5D9F
16.7%	16.7% #6E6DAA	RVB 110 109 170	#6E6DAA
33.3%	33.3% #7F7EB5	RVB 127 126 181	#7F7EB5
50.0%	50.0% #9290C1	RVB 146 144 193	#9290C1
66.7%	66.7% #A6A4CC	RVB 166 164 204	#A6A4CC
83.3%	83.3% #BBB9D7	RVB 187 185 215	#BBB9D7
100.0%	100.0% #D1D0E3	RVB 209 208 227	#D1D0E3

#5D5D9F #6E6DAA #7F7EB5 #9290C1 #A6A4CC #BBB9D7 #D1D0E3

#5E5D9F - #9290C1 - #D1D0E3

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5D5D9F 0%, #9290C1 50%, #D1D0E3 100%);
    background: -webkit-linear-gradient(top, #5D5D9F 0%, #9290C1 50%, #D1D0E3 100%);
    background: linear-gradient(to bottom, #5D5D9F 0%, #9290C1 50%, #D1D0E3 100%);
}
</style>