#5E4D9A - #DD9EB2 | 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 #5E4D9A à #DD9EB2

#5E4D9A #DD9EB2

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

#5E4D9A - #DD9EB2 | 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 #5E4D9A 0% et #DD9EB2 100%.

0.0%	0.0% #5E4D9A	RVB 94 77 154	#5E4D9A
16.7%	16.7% #735A9E	RVB 115 90 158	#735A9E
33.3%	33.3% #8868A2	RVB 136 104 162	#8868A2
50.0%	50.0% #9D75A6	RVB 157 117 166	#9D75A6
66.7%	66.7% #B283AA	RVB 178 131 170	#B283AA
83.3%	83.3% #C790AE	RVB 199 144 174	#C790AE
100.0%	100.0% #DD9EB2	RVB 221 158 178	#DD9EB2

#5E4D9A #735A9E #8868A2 #9D75A6 #B283AA #C790AE #DD9EB2

#5E4D9A - #DD9EB2

Mélange HSV

#5E4D9A - #DD9EB2 | 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 #5E4D9A 0% et #DD9EB2 100%.

0.0%	0.0% #5E4D9A	RVB 94 77 154	#5E4D9A
16.7%	16.7% #7C58A5	RVB 124 88 165	#7C58A5
33.3%	33.3% #9A64B0	RVB 154 100 176	#9A64B0
50.0%	50.0% #B771BB	RVB 183 113 187	#B771BB
66.7%	66.7% #C67FB8	RVB 198 127 184	#C67FB8
83.3%	83.3% #D18EB4	RVB 209 142 180	#D18EB4
100.0%	100.0% #DD9EB2	RVB 221 158 178	#DD9EB2

#5E4D9A #7C58A5 #9A64B0 #B771BB #C67FB8 #D18EB4 #DD9EB2

#5E4D9A - #B771BB - #DD9EB2

Codes CSS

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

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