#5E5E61 - #C68ADD | 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 #5E5E61 à #C68ADD

#5E5E61 #C68ADD

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

#5E5E61 - #C68ADD | 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 #5E5E61 0% et #C68ADD 100%.

0.0%	0.0% #5E5E61	RVB 94 94 97	#5E5E61
16.7%	16.7% #6F6575	RVB 111 101 117	#6F6575
33.3%	33.3% #806C8A	RVB 128 108 138	#806C8A
50.0%	50.0% #92749F	RVB 146 116 159	#92749F
66.7%	66.7% #A37BB3	RVB 163 123 179	#A37BB3
83.3%	83.3% #B482C8	RVB 180 130 200	#B482C8
100.0%	100.0% #C68ADD	RVB 198 138 221	#C68ADD

#5E5E61 #6F6575 #806C8A #92749F #A37BB3 #B482C8 #C68ADD

#5E5E61 - #C68ADD

Mélange HSV

#5E5E61 - #C68ADD | 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 #5E5E61 0% et #C68ADD 100%.

0.0%	0.0% #5E5E61	RVB 94 94 97	#5E5E61
16.7%	16.7% #6C6B75	RVB 108 107 117	#6C6B75
33.3%	33.3% #7B768A	RVB 123 118 138	#7B768A
50.0%	50.0% #8A7E9F	RVB 138 126 159	#8A7E9F
66.7%	66.7% #9B84B3	RVB 155 132 179	#9B84B3
83.3%	83.3% #AE88C8	RVB 174 136 200	#AE88C8
100.0%	100.0% #C68ADD	RVB 198 138 221	#C68ADD

#5E5E61 #6C6B75 #7B768A #8A7E9F #9B84B3 #AE88C8 #C68ADD

#5E5E61 - #8A7E9F - #C68ADD

Codes CSS

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

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