#5E8F8D - #D1DFDF | 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 #5E8F8D à #D1DFDF

#5E8F8D #D1DFDF

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

#5E8F8D - #D1DFDF | 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 #5E8F8D 0% et #D1DFDF 100%.

0.0%	0.0% #5E8F8D	RVB 94 143 141	#5E8F8D
16.7%	16.7% #719C9A	RVB 113 156 154	#719C9A
33.3%	33.3% #84A9A8	RVB 132 169 168	#84A9A8
50.0%	50.0% #97B7B6	RVB 151 183 182	#97B7B6
66.7%	66.7% #AAC4C3	RVB 170 196 195	#AAC4C3
83.3%	83.3% #BDD1D1	RVB 189 209 209	#BDD1D1
100.0%	100.0% #D1DFDF	RVB 209 223 223	#D1DFDF

#5E8F8D #719C9A #84A9A8 #97B7B6 #AAC4C3 #BDD1D1 #D1DFDF

#5E8F8D - #D1DFDF

Mélange HSV

#5E8F8D - #D1DFDF | 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 #5E8F8D 0% et #D1DFDF 100%.

0.0%	0.0% #5E8F8D	RVB 94 143 141	#5E8F8D
16.7%	16.7% #6E9C9A	RVB 110 156 154	#6E9C9A
33.3%	33.3% #7FA9A8	RVB 127 169 168	#7FA9A8
50.0%	50.0% #91B7B6	RVB 145 183 182	#91B7B6
66.7%	66.7% #A5C4C3	RVB 165 196 195	#A5C4C3
83.3%	83.3% #BAD1D1	RVB 186 209 209	#BAD1D1
100.0%	100.0% #D1DFDF	RVB 209 223 223	#D1DFDF

#5E8F8D #6E9C9A #7FA9A8 #91B7B6 #A5C4C3 #BAD1D1 #D1DFDF

#5E8F8D - #91B7B6 - #D1DFDF

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8F8D 0%, #91B7B6 50%, #D1DFDF 100%);
    background: -webkit-linear-gradient(top, #5E8F8D 0%, #91B7B6 50%, #D1DFDF 100%);
    background: linear-gradient(to bottom, #5E8F8D 0%, #91B7B6 50%, #D1DFDF 100%);
}
</style>