#4D4E4B - #CCCCCB | 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 #4D4E4B à #CCCCCB

#4D4E4B #CCCCCB

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

#4D4E4B - #CCCCCB | 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 #4D4E4B 0% et #CCCCCB 100%.

0.0%	0.0% #4D4E4B	RVB 77 78 75	#4D4E4B
16.7%	16.7% #626360	RVB 98 99 96	#626360
33.3%	33.3% #777875	RVB 119 120 117	#777875
50.0%	50.0% #8C8D8B	RVB 140 141 139	#8C8D8B
66.7%	66.7% #A1A2A0	RVB 161 162 160	#A1A2A0
83.3%	83.3% #B6B7B5	RVB 182 183 181	#B6B7B5
100.0%	100.0% #CCCCCB	RVB 204 204 203	#CCCCCB

#4D4E4B #626360 #777875 #8C8D8B #A1A2A0 #B6B7B5 #CCCCCB

#4D4E4B - #CCCCCB

Mélange HSV

#4D4E4B - #CCCCCB | 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 #4D4E4B 0% et #CCCCCB 100%.

0.0%	0.0% #4D4E4B	RVB 77 78 75	#4D4E4B
16.7%	16.7% #62635F	RVB 98 99 95	#62635F
33.3%	33.3% #777874	RVB 119 120 116	#777874
50.0%	50.0% #8C8D89	RVB 140 141 137	#8C8D89
66.7%	66.7% #A1A29F	RVB 161 162 159	#A1A29F
83.3%	83.3% #B6B7B5	RVB 182 183 181	#B6B7B5
100.0%	100.0% #CCCCCB	RVB 204 204 203	#CCCCCB

#4D4E4B #62635F #777874 #8C8D89 #A1A29F #B6B7B5 #CCCCCB

#4D4E4B - #8C8D89 - #CCCCCB

Codes CSS

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

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