#5E5E8C - #CB87F2 | 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 #5E5E8C à #CB87F2

#5E5E8C #CB87F2

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

#5E5E8C - #CB87F2 | 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 #5E5E8C 0% et #CB87F2 100%.

0.0%	0.0% #5E5E8C	RVB 94 94 140	#5E5E8C
16.7%	16.7% #70649D	RVB 112 100 157	#70649D
33.3%	33.3% #826BAE	RVB 130 107 174	#826BAE
50.0%	50.0% #9472BF	RVB 148 114 191	#9472BF
66.7%	66.7% #A679D0	RVB 166 121 208	#A679D0
83.3%	83.3% #B880E1	RVB 184 128 225	#B880E1
100.0%	100.0% #CB87F2	RVB 203 135 242	#CB87F2

#5E5E8C #70649D #826BAE #9472BF #A679D0 #B880E1 #CB87F2

#5E5E8C - #CB87F2

Mélange HSV

#5E5E8C - #CB87F2 | 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 #5E5E8C 0% et #CB87F2 100%.

0.0%	0.0% #5E5E8C	RVB 94 94 140	#5E5E8C
16.7%	16.7% #6C669D	RVB 108 102 157	#6C669D
33.3%	33.3% #7B6EAE	RVB 123 110 174	#7B6EAE
50.0%	50.0% #8C75BF	RVB 140 117 191	#8C75BF
66.7%	66.7% #9F7BD0	RVB 159 123 208	#9F7BD0
83.3%	83.3% #B481E1	RVB 180 129 225	#B481E1
100.0%	100.0% #CB87F2	RVB 203 135 242	#CB87F2

#5E5E8C #6C669D #7B6EAE #8C75BF #9F7BD0 #B481E1 #CB87F2

#5E5E8C - #8C75BF - #CB87F2

Codes CSS

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

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