#4F5E5E - #CCD1D1 | 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 #4F5E5E à #CCD1D1

#4F5E5E #CCD1D1

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

#4F5E5E - #CCD1D1 | 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 #4F5E5E 0% et #CCD1D1 100%.

0.0%	0.0% #4F5E5E	RVB 79 94 94	#4F5E5E
16.7%	16.7% #637171	RVB 99 113 113	#637171
33.3%	33.3% #788484	RVB 120 132 132	#788484
50.0%	50.0% #8D9797	RVB 141 151 151	#8D9797
66.7%	66.7% #A2AAAA	RVB 162 170 170	#A2AAAA
83.3%	83.3% #B7BDBD	RVB 183 189 189	#B7BDBD
100.0%	100.0% #CCD1D1	RVB 204 209 209	#CCD1D1

#4F5E5E #637171 #788484 #8D9797 #A2AAAA #B7BDBD #CCD1D1

#4F5E5E - #CCD1D1

Mélange HSV

#4F5E5E - #CCD1D1 | 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 #4F5E5E 0% et #CCD1D1 100%.

0.0%	0.0% #4F5E5E	RVB 79 94 94	#4F5E5E
16.7%	16.7% #617171	RVB 97 113 113	#617171
33.3%	33.3% #758484	RVB 117 132 132	#758484
50.0%	50.0% #899797	RVB 137 151 151	#899797
66.7%	66.7% #9EAAAA	RVB 158 170 170	#9EAAAA
83.3%	83.3% #B5BDBD	RVB 181 189 189	#B5BDBD
100.0%	100.0% #CCD1D1	RVB 204 209 209	#CCD1D1

#4F5E5E #617171 #758484 #899797 #9EAAAA #B5BDBD #CCD1D1

#4F5E5E - #899797 - #CCD1D1

Codes CSS

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

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