#5C5E5D - #AD6FF4 | 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 #5C5E5D à #AD6FF4

#5C5E5D #AD6FF4

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

#5C5E5D - #AD6FF4 | 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 #5C5E5D 0% et #AD6FF4 100%.

0.0%	0.0% #5C5E5D	RVB 92 94 93	#5C5E5D
16.7%	16.7% #696076	RVB 105 96 118	#696076
33.3%	33.3% #77638F	RVB 119 99 143	#77638F
50.0%	50.0% #8466A8	RVB 132 102 168	#8466A8
66.7%	66.7% #9269C1	RVB 146 105 193	#9269C1
83.3%	83.3% #9F6CDA	RVB 159 108 218	#9F6CDA
100.0%	100.0% #AD6FF4	RVB 173 111 244	#AD6FF4

#5C5E5D #696076 #77638F #8466A8 #9269C1 #9F6CDA #AD6FF4

#5C5E5D - #AD6FF4

Mélange HSV

#5C5E5D - #AD6FF4 | 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 #5C5E5D 0% et #AD6FF4 100%.

0.0%	0.0% #5C5E5D	RVB 92 94 93	#5C5E5D
16.7%	16.7% #6A7774	RVB 106 119 116	#6A7774
33.3%	33.3% #738B90	RVB 115 139 144	#738B90
50.0%	50.0% #7991A9	RVB 121 145 169	#7991A9
66.7%	66.7% #7A87C2	RVB 122 135 194	#7A87C2
83.3%	83.3% #8476DB	RVB 132 118 219	#8476DB
100.0%	100.0% #AD6FF4	RVB 173 111 244	#AD6FF4

#5C5E5D #6A7774 #738B90 #7991A9 #7A87C2 #8476DB #AD6FF4

#5C5E5D - #7991A9 - #AD6FF4

Codes CSS

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

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