#4C5E5E - #CBD1D1 | 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 #4C5E5E à #CBD1D1

#4C5E5E #CBD1D1

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

#4C5E5E - #CBD1D1 | 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 #4C5E5E 0% et #CBD1D1 100%.

0.0%	0.0% #4C5E5E	RVB 76 94 94	#4C5E5E
16.7%	16.7% #617171	RVB 97 113 113	#617171
33.3%	33.3% #768484	RVB 118 132 132	#768484
50.0%	50.0% #8B9797	RVB 139 151 151	#8B9797
66.7%	66.7% #A0AAAA	RVB 160 170 170	#A0AAAA
83.3%	83.3% #B5BDBD	RVB 181 189 189	#B5BDBD
100.0%	100.0% #CBD1D1	RVB 203 209 209	#CBD1D1

#4C5E5E #617171 #768484 #8B9797 #A0AAAA #B5BDBD #CBD1D1

#4C5E5E - #CBD1D1

Mélange HSV

#4C5E5E - #CBD1D1 | 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 #4C5E5E 0% et #CBD1D1 100%.

0.0%	0.0% #4C5E5E	RVB 76 94 94	#4C5E5E
16.7%	16.7% #5E7171	RVB 94 113 113	#5E7171
33.3%	33.3% #728484	RVB 114 132 132	#728484
50.0%	50.0% #869797	RVB 134 151 151	#869797
66.7%	66.7% #9CAAAA	RVB 156 170 170	#9CAAAA
83.3%	83.3% #B3BDBD	RVB 179 189 189	#B3BDBD
100.0%	100.0% #CBD1D1	RVB 203 209 209	#CBD1D1

#4C5E5E #5E7171 #728484 #869797 #9CAAAA #B3BDBD #CBD1D1

#4C5E5E - #869797 - #CBD1D1

Codes CSS

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

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