#5E5E6A - #D1D1D4 | 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 #5E5E6A à #D1D1D4

#5E5E6A #D1D1D4

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

#5E5E6A - #D1D1D4 | 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 #5E5E6A 0% et #D1D1D4 100%.

0.0%	0.0% #5E5E6A	RVB 94 94 106	#5E5E6A
16.7%	16.7% #71717B	RVB 113 113 123	#71717B
33.3%	33.3% #84848D	RVB 132 132 141	#84848D
50.0%	50.0% #97979F	RVB 151 151 159	#97979F
66.7%	66.7% #AAAAB0	RVB 170 170 176	#AAAAB0
83.3%	83.3% #BDBDC2	RVB 189 189 194	#BDBDC2
100.0%	100.0% #D1D1D4	RVB 209 209 212	#D1D1D4

#5E5E6A #71717B #84848D #97979F #AAAAB0 #BDBDC2 #D1D1D4

#5E5E6A - #D1D1D4

Mélange HSV

#5E5E6A - #D1D1D4 | 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 #5E5E6A 0% et #D1D1D4 100%.

0.0%	0.0% #5E5E6A	RVB 94 94 106	#5E5E6A
16.7%	16.7% #6F6F7B	RVB 111 111 123	#6F6F7B
33.3%	33.3% #82828D	RVB 130 130 141	#82828D
50.0%	50.0% #94949F	RVB 148 148 159	#94949F
66.7%	66.7% #A8A8B0	RVB 168 168 176	#A8A8B0
83.3%	83.3% #BCBCC2	RVB 188 188 194	#BCBCC2
100.0%	100.0% #D1D1D4	RVB 209 209 212	#D1D1D4

#5E5E6A #6F6F7B #82828D #94949F #A8A8B0 #BCBCC2 #D1D1D4

#5E5E6A - #94949F - #D1D1D4

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6A 0%, #94949F 50%, #D1D1D4 100%);
    background: -webkit-linear-gradient(top, #5E5E6A 0%, #94949F 50%, #D1D1D4 100%);
    background: linear-gradient(to bottom, #5E5E6A 0%, #94949F 50%, #D1D1D4 100%);
}
</style>