#5E5384 - #D1CDDB | 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 #5E5384 à #D1CDDB

#5E5384 #D1CDDB

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

#5E5384 - #D1CDDB | 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 #5E5384 0% et #D1CDDB 100%.

0.0%	0.0% #5E5384	RVB 94 83 132	#5E5384
16.7%	16.7% #716792	RVB 113 103 146	#716792
33.3%	33.3% #847BA1	RVB 132 123 161	#847BA1
50.0%	50.0% #9790AF	RVB 151 144 175	#9790AF
66.7%	66.7% #AAA4BE	RVB 170 164 190	#AAA4BE
83.3%	83.3% #BDB8CC	RVB 189 184 204	#BDB8CC
100.0%	100.0% #D1CDDB	RVB 209 205 219	#D1CDDB

#5E5384 #716792 #847BA1 #9790AF #AAA4BE #BDB8CC #D1CDDB

#5E5384 - #D1CDDB

Mélange HSV

#5E5384 - #D1CDDB | 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 #5E5384 0% et #D1CDDB 100%.

0.0%	0.0% #5E5384	RVB 94 83 132	#5E5384
16.7%	16.7% #6E6392	RVB 110 99 146	#6E6392
33.3%	33.3% #8075A1	RVB 128 117 161	#8075A1
50.0%	50.0% #9389AF	RVB 147 137 175	#9389AF
66.7%	66.7% #A69EBE	RVB 166 158 190	#A69EBE
83.3%	83.3% #BBB4CC	RVB 187 180 204	#BBB4CC
100.0%	100.0% #D1CDDB	RVB 209 205 219	#D1CDDB

#5E5384 #6E6392 #8075A1 #9389AF #A69EBE #BBB4CC #D1CDDB

#5E5384 - #9389AF - #D1CDDB

Codes CSS

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

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