#4D5E5D - #CCD1D0 | 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 #4D5E5D à #CCD1D0

#4D5E5D #CCD1D0

Calculez la couleur entre deux couleurs, #4D5E5D et #CCD1D0. 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)

#4D5E5D - #CCD1D0 | 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 #4D5E5D 0% et #CCD1D0 100%.

0.0%	0.0% #4D5E5D	RVB 77 94 93	#4D5E5D
16.7%	16.7% #627170	RVB 98 113 112	#627170
33.3%	33.3% #778483	RVB 119 132 131	#778483
50.0%	50.0% #8C9796	RVB 140 151 150	#8C9796
66.7%	66.7% #A1AAA9	RVB 161 170 169	#A1AAA9
83.3%	83.3% #B6BDBC	RVB 182 189 188	#B6BDBC
100.0%	100.0% #CCD1D0	RVB 204 209 208	#CCD1D0

#4D5E5D #627170 #778483 #8C9796 #A1AAA9 #B6BDBC #CCD1D0

#4D5E5D - #CCD1D0

Mélange HSV

#4D5E5D - #CCD1D0 | 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 #4D5E5D 0% et #CCD1D0 100%.

0.0%	0.0% #4D5E5D	RVB 77 94 93	#4D5E5D
16.7%	16.7% #5F716F	RVB 95 113 111	#5F716F
33.3%	33.3% #738482	RVB 115 132 130	#738482
50.0%	50.0% #879795	RVB 135 151 149	#879795
66.7%	66.7% #9DAAA8	RVB 157 170 168	#9DAAA8
83.3%	83.3% #B4BDBC	RVB 180 189 188	#B4BDBC
100.0%	100.0% #CCD1D0	RVB 204 209 208	#CCD1D0

#4D5E5D #5F716F #738482 #879795 #9DAAA8 #B4BDBC #CCD1D0

#4D5E5D - #879795 - #CCD1D0

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D5E5D 0%, #879795 50%, #CCD1D0 100%);
    background: -webkit-linear-gradient(top, #4D5E5D 0%, #879795 50%, #CCD1D0 100%);
    background: linear-gradient(to bottom, #4D5E5D 0%, #879795 50%, #CCD1D0 100%);
}
</style>