#5E6B6D - #D1D4D5 | 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 #5E6B6D à #D1D4D5

#5E6B6D #D1D4D5

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

#5E6B6D - #D1D4D5 | 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 #5E6B6D 0% et #D1D4D5 100%.

0.0%	0.0% #5E6B6D	RVB 94 107 109	#5E6B6D
16.7%	16.7% #717C7E	RVB 113 124 126	#717C7E
33.3%	33.3% #848E8F	RVB 132 142 143	#848E8F
50.0%	50.0% #979FA1	RVB 151 159 161	#979FA1
66.7%	66.7% #AAB1B2	RVB 170 177 178	#AAB1B2
83.3%	83.3% #BDC2C3	RVB 189 194 195	#BDC2C3
100.0%	100.0% #D1D4D5	RVB 209 212 213	#D1D4D5

#5E6B6D #717C7E #848E8F #979FA1 #AAB1B2 #BDC2C3 #D1D4D5

#5E6B6D - #D1D4D5

Mélange HSV

#5E6B6D - #D1D4D5 | 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 #5E6B6D 0% et #D1D4D5 100%.

0.0%	0.0% #5E6B6D	RVB 94 107 109	#5E6B6D
16.7%	16.7% #6F7C7E	RVB 111 124 126	#6F7C7E
33.3%	33.3% #818D8F	RVB 129 141 143	#818D8F
50.0%	50.0% #949EA1	RVB 148 158 161	#949EA1
66.7%	66.7% #A7B0B2	RVB 167 176 178	#A7B0B2
83.3%	83.3% #BCC1C3	RVB 188 193 195	#BCC1C3
100.0%	100.0% #D1D4D5	RVB 209 212 213	#D1D4D5

#5E6B6D #6F7C7E #818D8F #949EA1 #A7B0B2 #BCC1C3 #D1D4D5

#5E6B6D - #949EA1 - #D1D4D5

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E6B6D 0%, #949EA1 50%, #D1D4D5 100%);
    background: -webkit-linear-gradient(top, #5E6B6D 0%, #949EA1 50%, #D1D4D5 100%);
    background: linear-gradient(to bottom, #5E6B6D 0%, #949EA1 50%, #D1D4D5 100%);
}
</style>