#5E5C5E - #798BB7 | 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 #5E5C5E à #798BB7

#5E5C5E #798BB7

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

#5E5C5E - #798BB7 | 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 #5E5C5E 0% et #798BB7 100%.

0.0%	0.0% #5E5C5E	RVB 94 92 94	#5E5C5E
16.7%	16.7% #62636C	RVB 98 99 108	#62636C
33.3%	33.3% #676B7B	RVB 103 107 123	#676B7B
50.0%	50.0% #6B738A	RVB 107 115 138	#6B738A
66.7%	66.7% #707B99	RVB 112 123 153	#707B99
83.3%	83.3% #7483A8	RVB 116 131 168	#7483A8
100.0%	100.0% #798BB7	RVB 121 139 183	#798BB7

#5E5C5E #62636C #676B7B #6B738A #707B99 #7483A8 #798BB7

#5E5C5E - #798BB7

Mélange HSV

#5E5C5E - #798BB7 | 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 #5E5C5E 0% et #798BB7 100%.

0.0%	0.0% #5E5C5E	RVB 94 92 94	#5E5C5E
16.7%	16.7% #6B646C	RVB 107 100 108	#6B646C
33.3%	33.3% #746B7B	RVB 116 107 123	#746B7B
50.0%	50.0% #7A718A	RVB 122 113 138	#7A718A
66.7%	66.7% #7A7599	RVB 122 117 153	#7A7599
83.3%	83.3% #787BA8	RVB 120 123 168	#787BA8
100.0%	100.0% #798BB7	RVB 121 139 183	#798BB7

#5E5C5E #6B646C #746B7B #7A718A #7A7599 #787BA8 #798BB7

#5E5C5E - #7A718A - #798BB7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5E 0%, #7A718A 50%, #798BB7 100%);
    background: -webkit-linear-gradient(top, #5E5C5E 0%, #7A718A 50%, #798BB7 100%);
    background: linear-gradient(to bottom, #5E5C5E 0%, #7A718A 50%, #798BB7 100%);
}
</style>